﻿.diafan_errors {
	border: 1px solid #c05f5f;
	padding: 7px 7px 7px 30px;
	color: #c05f5f;
	margin: 0 8% 10px;
	width: 80%
}

.diafan_errors td.calls {
	cursor: pointer
}

.diafan_errors td.calls div {
	padding: 10px 15px;
	display: none
}

.diafan_errors td.file {
	vertical-align: top;
	white-space: nowrap
}

.diafan_errors table {
	width: 100%
}

.diafan_errors table tr:hover {
	background-color: #f0e6e6
}

.diafan_div_error_overlay {
	position: absolute;
	z-index: 8;
	background: #ccc;
	opacity: .8;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.diafan_div_error {
	position: absolute;
	width: 70%;
	z-index: 9;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 5px 5px 5px 5px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .17);
	padding: 5px 5px 5px 8px;
	top: 0;
	left: 0
}

.ui-helper-hidden {
	display: none
}

.ui-helper-hidden-accessible {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px);
	clip: rect(1px, 1px, 1px, 1px)
}

.ui-helper-reset {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	line-height: 1.3;
	text-decoration: none;
	font-size: 100%;
	list-style: none
}

.ui-helper-clearfix:before,
.ui-helper-clearfix:after {
	content: "";
	display: table
}

.ui-helper-clearfix:after {
	clear: both
}

.ui-helper-clearfix {
	zoom: 1
}

.ui-helper-zfix {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	opacity: 0;
	filter: Alpha(Opacity=0)
}

.ui-state-disabled {
	cursor: default !important
}

.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat
}

.ui-widget-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}

.ui-widget {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 13px
}

.ui-widget .ui-widget {
	font-size: 1em
}

.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
	font-family: Trebuchet MS, Verdana, sans-serif;
	font-size: 1em
}

.ui-widget-content {
	border: 0 solid #aaa;
	color: #222
}

#ui-timepicker-div-filed_created .ui-widget-content {
	border: 1px solid #aaa
}

.ui_tpicker_hour div,
.ui_tpicker_minute div {
	border: 1px solid #aaa
}

.ui-widget-content a {
	color: #222
}

.ui-widget-header {
	border-bottom: 1px solid #a7a7a7;
	background: #fff url(../../css/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	color: #424242;
	font-weight: 700
}

.ui-widget-header a {
	color: #424242
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	border: 1px solid #d5d5d5 !important;
	background: #ececec url(../../css/custom-theme/images/ui-bg_inset-hard_75_ececec_1x100.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #24288d
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #24288d;
	text-decoration: none
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #d5d5d5;
	background: #ececec url(../../css/custom-theme/images/ui-bg_inset-hard_75_ececec_1x100.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #24288d
}

.ui-state-hover a,
.ui-state-hover a:hover {
	color: #24288d;
	text-decoration: none
}

.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
	border: 1px solid #a7a7a7;
	background: #dedede url(../../css/custom-theme/images/ui-bg_inset-hard_65_dedede_1x100.png) 50% 50% repeat-x;
	font-weight: 400;
	color: #424242
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #424242;
	text-decoration: none
}

.ui-widget :active {
	outline: none
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
	border: 1px solid #5da333;
	background: #edf4e8 url(../../css/custom-theme/images/ui-bg_flat_55_edf4e8_40x100.png) 50% 50% repeat-x;
	color: #5da333
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
	color: #5da333
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
	border: 1px solid #c05f5f;
	background: #f7eded url(../../css/custom-theme/images/ui-bg_flat_95_f7eded_40x100.png) 50% 50% repeat-x;
	color: #c05f5f
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
	color: #c05f5f
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
	color: #c05f5f
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
	font-weight: 700
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
	opacity: .7;
	filter: Alpha(Opacity=70);
	font-weight: 400
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
	opacity: .35;
	filter: Alpha(Opacity=35);
	background-image: none
}

.ui-icon {
	width: 16px;
	height: 16px;
	background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-widget-content .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-widget-header .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_222222_256x240.png)
}

.ui-state-default .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_888888_256x240.png)
}

.ui-state-hover .ui-icon,
.ui-state-focus .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_454545_256x240.png)
}

.ui-state-active .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_454545_256x240.png)
}

.ui-state-highlight .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_5da333_256x240.png)
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
	background-image: url(../../css/custom-theme/images/ui-icons_c05f5f_256x240.png)
}

.ui-icon-carat-1-n {
	background-position: 0 0
}

.ui-icon-carat-1-ne {
	background-position: -16px 0
}

.ui-icon-carat-1-e {
	background-position: -32px 0
}

.ui-icon-carat-1-se {
	background-position: -48px 0
}

.ui-icon-carat-1-s {
	background-position: -64px 0
}

.ui-icon-carat-1-sw {
	background-position: -80px 0
}

.ui-icon-carat-1-w {
	background-position: -96px 0
}

.ui-icon-carat-1-nw {
	background-position: -112px 0
}

.ui-icon-carat-2-n-s {
	background-position: -128px 0
}

.ui-icon-carat-2-e-w {
	background-position: -144px 0
}

.ui-icon-triangle-1-n {
	background-position: 0 -16px
}

.ui-icon-triangle-1-ne {
	background-position: -16px -16px
}

.ui-icon-triangle-1-e {
	background-position: -32px -16px
}

.ui-icon-triangle-1-se {
	background-position: -48px -16px
}

.ui-icon-triangle-1-s {
	background-position: -64px -16px
}

.ui-icon-triangle-1-sw {
	background-position: -80px -16px
}

.ui-icon-triangle-1-w {
	background-position: -96px -16px
}

.ui-icon-triangle-1-nw {
	background-position: -112px -16px
}

.ui-icon-triangle-2-n-s {
	background-position: -128px -16px
}

.ui-icon-triangle-2-e-w {
	background-position: -144px -16px
}

.ui-icon-arrow-1-n {
	background-position: 0 -32px
}

.ui-icon-arrow-1-ne {
	background-position: -16px -32px
}

.ui-icon-arrow-1-e {
	background-position: -32px -32px
}

.ui-icon-arrow-1-se {
	background-position: -48px -32px
}

.ui-icon-arrow-1-s {
	background-position: -64px -32px
}

.ui-icon-arrow-1-sw {
	background-position: -80px -32px
}

.ui-icon-arrow-1-w {
	background-position: -96px -32px
}

.ui-icon-arrow-1-nw {
	background-position: -112px -32px
}

.ui-icon-arrow-2-n-s {
	background-position: -128px -32px
}

.ui-icon-arrow-2-ne-sw {
	background-position: -144px -32px
}

.ui-icon-arrow-2-e-w {
	background-position: -160px -32px
}

.ui-icon-arrow-2-se-nw {
	background-position: -176px -32px
}

.ui-icon-arrowstop-1-n {
	background-position: -192px -32px
}

.ui-icon-arrowstop-1-e {
	background-position: -208px -32px
}

.ui-icon-arrowstop-1-s {
	background-position: -224px -32px
}

.ui-icon-arrowstop-1-w {
	background-position: -240px -32px
}

.ui-icon-arrowthick-1-n {
	background-position: 0 -48px
}

.ui-icon-arrowthick-1-ne {
	background-position: -16px -48px
}

.ui-icon-arrowthick-1-e {
	background-position: -32px -48px
}

.ui-icon-arrowthick-1-se {
	background-position: -48px -48px
}

.ui-icon-arrowthick-1-s {
	background-position: -64px -48px
}

.ui-icon-arrowthick-1-sw {
	background-position: -80px -48px
}

.ui-icon-arrowthick-1-w {
	background-position: -96px -48px
}

.ui-icon-arrowthick-1-nw {
	background-position: -112px -48px
}

.ui-icon-arrowthick-2-n-s {
	background-position: -128px -48px
}

.ui-icon-arrowthick-2-ne-sw {
	background-position: -144px -48px
}

.ui-icon-arrowthick-2-e-w {
	background-position: -160px -48px
}

.ui-icon-arrowthick-2-se-nw {
	background-position: -176px -48px
}

.ui-icon-arrowthickstop-1-n {
	background-position: -192px -48px
}

.ui-icon-arrowthickstop-1-e {
	background-position: -208px -48px
}

.ui-icon-arrowthickstop-1-s {
	background-position: -224px -48px
}

.ui-icon-arrowthickstop-1-w {
	background-position: -240px -48px
}

.ui-icon-arrowreturnthick-1-w {
	background-position: 0 -64px
}

.ui-icon-arrowreturnthick-1-n {
	background-position: -16px -64px
}

.ui-icon-arrowreturnthick-1-e {
	background-position: -32px -64px
}

.ui-icon-arrowreturnthick-1-s {
	background-position: -48px -64px
}

.ui-icon-arrowreturn-1-w {
	background-position: -64px -64px
}

.ui-icon-arrowreturn-1-n {
	background-position: -80px -64px
}

.ui-icon-arrowreturn-1-e {
	background-position: -96px -64px
}

.ui-icon-arrowreturn-1-s {
	background-position: -112px -64px
}

.ui-icon-arrowrefresh-1-w {
	background-position: -128px -64px
}

.ui-icon-arrowrefresh-1-n {
	background-position: -144px -64px
}

.ui-icon-arrowrefresh-1-e {
	background-position: -160px -64px
}

.ui-icon-arrowrefresh-1-s {
	background-position: -176px -64px
}

.ui-icon-arrow-4 {
	background-position: 0 -80px
}

.ui-icon-arrow-4-diag {
	background-position: -16px -80px
}

.ui-icon-extlink {
	background-position: -32px -80px
}

.ui-icon-newwin {
	background-position: -48px -80px
}

.ui-icon-refresh {
	background-position: -64px -80px
}

.ui-icon-shuffle {
	background-position: -80px -80px
}

.ui-icon-transfer-e-w {
	background-position: -96px -80px
}

.ui-icon-transferthick-e-w {
	background-position: -112px -80px
}

.ui-icon-folder-collapsed {
	background-position: 0 -96px
}

.ui-icon-folder-open {
	background-position: -16px -96px
}

.ui-icon-document {
	background-position: -32px -96px
}

.ui-icon-document-b {
	background-position: -48px -96px
}

.ui-icon-note {
	background-position: -64px -96px
}

.ui-icon-mail-closed {
	background-position: -80px -96px
}

.ui-icon-mail-open {
	background-position: -96px -96px
}

.ui-icon-suitcase {
	background-position: -112px -96px
}

.ui-icon-comment {
	background-position: -128px -96px
}

.ui-icon-person {
	background-position: -144px -96px
}

.ui-icon-print {
	background-position: -160px -96px
}

.ui-icon-trash {
	background-position: -176px -96px
}

.ui-icon-locked {
	background-position: -192px -96px
}

.ui-icon-unlocked {
	background-position: -208px -96px
}

.ui-icon-bookmark {
	background-position: -224px -96px
}

.ui-icon-tag {
	background-position: -240px -96px
}

.ui-icon-home {
	background-position: 0 -112px
}

.ui-icon-flag {
	background-position: -16px -112px
}

.ui-icon-calendar {
	background-position: -32px -112px
}

.ui-icon-cart {
	background-position: -48px -112px
}

.ui-icon-pencil {
	background-position: -64px -112px
}

.ui-icon-clock {
	background-position: -80px -112px
}

.ui-icon-disk {
	background-position: -96px -112px
}

.ui-icon-calculator {
	background-position: -112px -112px
}

.ui-icon-zoomin {
	background-position: -128px -112px
}

.ui-icon-zoomout {
	background-position: -144px -112px
}

.ui-icon-search {
	background-position: -160px -112px
}

.ui-icon-wrench {
	background-position: -176px -112px
}

.ui-icon-gear {
	background-position: -192px -112px
}

.ui-icon-heart {
	background-position: -208px -112px
}

.ui-icon-star {
	background-position: -224px -112px
}

.ui-icon-link {
	background-position: -240px -112px
}

.ui-icon-cancel {
	background-position: 0 -128px
}

.ui-icon-plus {
	background-position: -16px -128px
}

.ui-icon-plusthick {
	background-position: -32px -128px
}

.ui-icon-minus {
	background-position: -48px -128px
}

.ui-icon-minusthick {
	background-position: -64px -128px
}

.ui-icon-close {
	background-position: -80px -128px
}

.ui-icon-closethick {
	background-position: -96px -128px
}

.ui-icon-key {
	background-position: -112px -128px
}

.ui-icon-lightbulb {
	background-position: -128px -128px
}

.ui-icon-scissors {
	background-position: -144px -128px
}

.ui-icon-clipboard {
	background-position: -160px -128px
}

.ui-icon-copy {
	background-position: -176px -128px
}

.ui-icon-contact {
	background-position: -192px -128px
}

.ui-icon-image {
	background-position: -208px -128px
}

.ui-icon-video {
	background-position: -224px -128px
}

.ui-icon-script {
	background-position: -240px -128px
}

.ui-icon-alert {
	background-position: 0 -144px
}

.ui-icon-info {
	background-position: -16px -144px
}

.ui-icon-notice {
	background-position: -32px -144px
}

.ui-icon-help {
	background-position: -48px -144px
}

.ui-icon-check {
	background-position: -64px -144px
}

.ui-icon-bullet {
	background-position: -80px -144px
}

.ui-icon-radio-off {
	background-position: -96px -144px
}

.ui-icon-radio-on {
	background-position: -112px -144px
}

.ui-icon-pin-w {
	background-position: -128px -144px
}

.ui-icon-pin-s {
	background-position: -144px -144px
}

.ui-icon-play {
	background-position: 0 -160px
}

.ui-icon-pause {
	background-position: -16px -160px
}

.ui-icon-seek-next {
	background-position: -32px -160px
}

.ui-icon-seek-prev {
	background-position: -48px -160px
}

.ui-icon-seek-end {
	background-position: -64px -160px
}

.ui-icon-seek-start {
	background-position: -80px -160px
}

.ui-icon-seek-first {
	background-position: -80px -160px
}

.ui-icon-stop {
	background-position: -96px -160px
}

.ui-icon-eject {
	background-position: -112px -160px
}

.ui-icon-volume-off {
	background-position: -128px -160px
}

.ui-icon-volume-on {
	background-position: -144px -160px
}

.ui-icon-power {
	background-position: 0 -176px
}

.ui-icon-signal-diag {
	background-position: -16px -176px
}

.ui-icon-signal {
	background-position: -32px -176px
}

.ui-icon-battery-0 {
	background-position: -48px -176px
}

.ui-icon-battery-1 {
	background-position: -64px -176px
}

.ui-icon-battery-2 {
	background-position: -80px -176px
}

.ui-icon-battery-3 {
	background-position: -96px -176px
}

.ui-icon-circle-plus {
	background-position: 0 -192px
}

.ui-icon-circle-minus {
	background-position: -16px -192px
}

.ui-icon-circle-close {
	background-position: -32px -192px
}

.ui-icon-circle-triangle-e {
	background-position: -48px -192px
}

.ui-icon-circle-triangle-s {
	background-position: -64px -192px
}

.ui-icon-circle-triangle-w {
	background-position: -80px -192px
}

.ui-icon-circle-triangle-n {
	background-position: -96px -192px
}

.ui-icon-circle-arrow-e {
	background-position: -112px -192px
}

.ui-icon-circle-arrow-s {
	background-position: -128px -192px
}

.ui-icon-circle-arrow-w {
	background-position: -144px -192px
}

.ui-icon-circle-arrow-n {
	background-position: -160px -192px
}

.ui-icon-circle-zoomin {
	background-position: -176px -192px
}

.ui-icon-circle-zoomout {
	background-position: -192px -192px
}

.ui-icon-circle-check {
	background-position: -208px -192px
}

.ui-icon-circlesmall-plus {
	background-position: 0 -208px
}

.ui-icon-circlesmall-minus {
	background-position: -16px -208px
}

.ui-icon-circlesmall-close {
	background-position: -32px -208px
}

.ui-icon-squaresmall-plus {
	background-position: -48px -208px
}

.ui-icon-squaresmall-minus {
	background-position: -64px -208px
}

.ui-icon-squaresmall-close {
	background-position: -80px -208px
}

.ui-icon-grip-dotted-vertical {
	background-position: 0 -224px
}

.ui-icon-grip-dotted-horizontal {
	background-position: -16px -224px
}

.ui-icon-grip-solid-vertical {
	background-position: -32px -224px
}

.ui-icon-grip-solid-horizontal {
	background-position: -48px -224px
}

.ui-icon-gripsmall-diagonal-se {
	background-position: -64px -224px
}

.ui-icon-grip-diagonal-se {
	background-position: -80px -224px
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-left,
.ui-corner-tl {
	-moz-border-radius-topleft: 0;
	-webkit-border-top-left-radius: 0;
	-khtml-border-top-left-radius: 0;
	border-top-left-radius: 0
}

.ui-corner-all,
.ui-corner-top,
.ui-corner-right,
.ui-corner-tr {
	-moz-border-radius-topright: 0;
	-webkit-border-top-right-radius: 0;
	-khtml-border-top-right-radius: 0;
	border-top-right-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-left,
.ui-corner-bl {
	-moz-border-radius-bottomleft: 0;
	-webkit-border-bottom-left-radius: 0;
	-khtml-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-right,
.ui-corner-br {
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-khtml-border-bottom-right-radius: 0;
	border-bottom-right-radius: 0
}

.ui-widget-overlay {
	background: #aaa url(../../css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30)
}

.ui-widget-shadow {
	margin: -8px 0 0 -8px;
	padding: 8px;
	background: #aaa url(../../css/custom-theme/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
	opacity: .30;
	filter: Alpha(Opacity=30);
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px
}

.ui-tabs {
	position: relative;
	padding: .2em;
	zoom: 1
}

.ui-tabs .ui-tabs-nav {
	margin: 0
}

.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 1px;
	margin: 0 5px 5px 5px;
	padding: 0;
	white-space: nowrap
}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	padding: .5em 1em;
	text-decoration: none
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text
}

.ui-tabs .ui-tabs-nav li a,
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer
}

.ui-tabs .ui-tabs-panel {
	display: block;
	border-width: 0;
	padding: 1em 1.4em;
	background: none
}

.ui-tabs .ui-tabs-hide {
	display: none !important
}

.ui-datepicker {
	width: 17em;
	padding: .2em .2em 0;
	display: none;
	border: 1px solid #aaa;
	background: #fff url(../../css/custom-theme/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
	z-index: 3 !important
}

.ui-datepicker .ui-datepicker-header {
	position: relative;
	padding: .2em 0;
	border: 1px solid #aaa
}

.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	position: absolute;
	top: 2px;
	width: 1.8em;
	height: 1.8em
}

.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover {
	top: 1px
}

.ui-datepicker .ui-datepicker-prev {
	left: 2px
}

.ui-datepicker .ui-datepicker-next {
	right: 2px
}

.ui-datepicker .ui-datepicker-prev-hover {
	left: 1px
}

.ui-datepicker .ui-datepicker-next-hover {
	right: 1px
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
	display: block;
	position: absolute;
	left: 50%;
	margin-left: -8px;
	top: 50%;
	margin-top: -8px
}

.ui-datepicker .ui-datepicker-title {
	margin: 0 2.3em;
	line-height: 1.8em;
	text-align: center
}

.ui-datepicker .ui-datepicker-title select {
	font-size: 1em;
	margin: 1px 0
}

.ui-datepicker select.ui-datepicker-month-year {
	width: 100%
}

.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	width: 49%
}

.ui-datepicker table {
	width: 100%;
	font-size: .9em;
	border-collapse: collapse;
	margin: 0 0 .4em
}

.ui-datepicker th {
	padding: .7em .3em;
	text-align: center;
	font-weight: 700;
	border: 0
}

.ui-datepicker td {
	border: 0;
	padding: 1px
}

.ui-datepicker td span,
.ui-datepicker td a {
	display: block;
	padding: .2em;
	text-align: right;
	text-decoration: none
}

.ui-datepicker .ui-datepicker-buttonpane {
	background-image: none;
	margin: .7em 0 0 0;
	padding: 0 .2em;
	border-left: 0;
	border-right: 0;
	border-bottom: 0
}

.ui-datepicker .ui-datepicker-buttonpane button {
	float: right;
	margin: .5em .2em .4em;
	cursor: pointer;
	padding: .2em .6em .3em .6em;
	width: auto;
	overflow: visible
}

.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: left
}

.ui-datepicker.ui-datepicker-multi {
	width: auto
}

.ui-datepicker-multi .ui-datepicker-group {
	float: left
}

.ui-datepicker-multi .ui-datepicker-group table {
	width: 95%;
	margin: 0 auto .4em
}

.ui-datepicker-multi-2 .ui-datepicker-group {
	width: 50%
}

.ui-datepicker-multi-3 .ui-datepicker-group {
	width: 33.3%
}

.ui-datepicker-multi-4 .ui-datepicker-group {
	width: 25%
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
	border-left-width: 0
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
	clear: left
}

.ui-datepicker-row-break {
	clear: both;
	width: 100%;
	font-size: 0em
}

.ui-datepicker-rtl {
	direction: rtl
}

.ui-datepicker-rtl .ui-datepicker-prev {
	right: 2px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next {
	left: 2px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-prev:hover {
	right: 1px;
	left: auto
}

.ui-datepicker-rtl .ui-datepicker-next:hover {
	left: 1px;
	right: auto
}

.ui-datepicker-rtl .ui-datepicker-buttonpane {
	clear: right
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button {
	float: left
}

.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group {
	float: right
}

.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
	border-right-width: 0;
	border-left-width: 1px
}

.ui-datepicker-cover {
	display: none;
	display: block;
	position: absolute;
	z-index: -1;
	filter: mask();
	top: -4px;
	left: -4px;
	width: 200px;
	height: 200px
}

.ui-timepicker-div .ui-widget-header {
	margin-bottom: 8px
}

.ui-timepicker-div dl {
	text-align: left
}

.ui-timepicker-div dl dt {
	height: 25px;
	margin-bottom: -25px
}

.ui-timepicker-div dl dd {
	margin: 0 10px 10px 65px
}

.ui-timepicker-div td {
	font-size: 90%
}

.ui-tpicker-grid-label {
	background: none;
	border: none;
	margin: 0;
	padding: 0
}

.ui-slider {
	position: relative;
	text-align: left
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 1.2em;
	height: 1.2em;
	cursor: default
}

.ui-slider .ui-slider-range {
	position: absolute;
	z-index: 1;
	font-size: .7em;
	display: block;
	border: 0;
	background-position: 0 0
}

.ui-slider-horizontal {
	height: .8em
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em
}

.ui-slider-horizontal .ui-slider-range {
	top: 0;
	height: 100%
}

.ui-slider-horizontal .ui-slider-range-min {
	left: 0
}

.ui-slider-horizontal .ui-slider-range-max {
	right: 0
}

.ui-slider-vertical {
	width: .8em;
	height: 100px
}

.ui-slider-vertical .ui-slider-handle {
	left: -.3em;
	margin-left: 0;
	margin-bottom: -.6em
}

.ui-slider-vertical .ui-slider-range {
	left: 0;
	width: 100%
}

.ui-slider-vertical .ui-slider-range-min {
	bottom: 0
}

.ui-slider-vertical .ui-slider-range-max {
	top: 0
}

.ui-tooltip {
	padding: 8px;
	position: absolute;
	z-index: 9999;
	max-width: 300px;
	-webkit-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background: #fff
}

body .ui-tooltip {
	border-width: 2px
}

@charset "UTF-8";

[class*="__container"] {
	max-width: 71.25rem;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 .9375rem
}

[class*="-ibg"] {
	position: relative
}

[class*="-ibg"] img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/*object-fit: cover*/
}

[class*="-ibg_contain"] img {
	object-fit: contain
}

[class*="__container"] {
	max-width: 71.25rem;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 .9375rem
}

[class*="__container"] {
	max-width: 71.25rem;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 .9375rem
}

* {
	padding: 0;
	margin: 0;
	border: 0
}

*,
*:before,
*:after {
	box-sizing: border-box
}

*:focus {
	outline: none
}

*:active {
	outline: none
}

a:focus {
	outline: none
}

a:active {
	outline: none
}

html {
	height: 100%;
	min-width: 320px
}

body {
	min-height: 100%;
	position: relative;
	color: #121212;
	line-height: 1;
	font-family: "Manrope";
	font-size: 16;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.lock body {
	overflow: hidden;
	touch-action: none
}

input,
button,
textarea {
	font-family: "Manrope";
	font-size: inherit
}

button {
	cursor: pointer;
	color: inherit;
	background-color: inherit
}

a {
	color: inherit
}

a:link,
a:visited {
	text-decoration: none
}

a:hover {
	text-decoration: none
}

ul li {
	list-style: none
}

img {
	vertical-align: top
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: inherit;
	font-size: inherit
}

.devoloper_tech {
	position: fixed;
	z-index: 999;
	bottom: 0;
	width: 100%;
	min-width: 320px;
	max-height: 16px;
	padding: 0 5px 2px 0;
	font-size: 100%;
	letter-spacing: 1px;
	font: 12px/15px clear;
	color: #fff;
	background-color: #ff4a0b;
	text-align: center
}

[class*="__container"] {
	max-width: 71.25rem;
	box-sizing: content-box;
	margin: 0 auto;
	padding: 0 .9375rem
}

h1,
.h1 {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 3.875rem;
	line-height: 72px;
	margin: 0 0 1.5625rem
}

h1._product,
.h1._product {
	font-size: 1.875rem;
	line-height: 38px;
	margin-bottom: .9375rem
}

@media (max-width:47.99875em) {

	h1._product,
	.h1._product {
		font-size: 1.375rem;
		line-height: 30px
	}
}

@media (max-width:61.99875em) {

	h1,
	.h1 {
		font-size: 2.625rem;
		line-height: 50px
	}
}

@media (max-width:47.99875em) {

	h1,
	.h1 {
		font-size: 2rem;
		line-height: 40px;
		margin: 0 0 .9375rem
	}
}

h2,
.h2 {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 2.375rem;
	line-height: 2.9375rem;
	margin: 1.25rem 0 .625rem
}

@media (max-width:73.125em) {

	h2,
	.h2 {
		font-size: 1.75rem;
		line-height: 2.25rem
	}
}

@media (max-width:47.99875em) {

	h2,
	.h2 {
		font-size: 1.25rem;
		line-height: 1.875rem
	}
}

h3,
.h3 {
	font-family: "Unbounded", cursive;
	font-style: normal;
	font-weight: 600;
	font-size: 1.875rem;
	margin: 1.25rem 0 .625rem
}

h4,
.h4 {
	font-weight: 700;
	font-size: 1.125rem;
	line-height: 1.5625rem;
	margin: 1.25rem 0 .625rem
}

h4._uppercase,
.h4._uppercase {
	text-transform: uppercase
}

h5,
.h5 {
	font-weight: 400;
	font-size: 1rem;
	line-height: 1.3125rem;
	margin: 1.25rem 0 .625rem
}

@media (max-width:47.99875em) {

	h5,
	.h5 {
		font-size: .875rem;
		line-height: 1.1875rem
	}
}

h6,
.h6 {
	font-weight: 400;
	font-size: .875rem;
	margin: 1.25rem 0 .625rem
}

.strong {
	font-weight: 700
}

.justify {
	text-align: justify
}

.i {
	font-style: italic
}

.hide {
	display: none
}

.display-none {
	display: none
}

.content {
	padding: 1.875rem 0;
	background-color: #FFF
}

@media (max-width:47.99875em) {
	.content {
		padding: 1.25rem 0
	}
}

.content._text p {
	color: #121212;
	font-size: .9375rem;
	line-height: 27px
}

.content._text p:not(:last-child) {
	margin-bottom: .625rem
}

@media (max-width:47.99875em) {
	.content._text p:not(:last-child) {
		margin-bottom: .3125rem
	}
}

@media (max-width:47.99875em) {
	.content._text p {
		font-size: .9375rem;
		line-height: 23px
	}
}

.content._text a {
	text-decoration-line: underline
}

.content._text a:hover {
	text-decoration-line: none
}

.content i {
	font-style: italic
}

.content .list {
	display: flex;
	flex-direction: column;
	gap: .625rem;
	margin-left: .625rem
}

.content .list:not(:last-child) {
	margin-bottom: .625rem
}

.content .list li {
	display: flex;
	align-items: center;
	color: #121212;
	font-size: .9375rem;
	line-height: 22px;
	position: relative;
	padding-left: .9375rem;
	font-weight: 400
}

.content .list li::before {
	content: "";
	position: absolute;
	width: .3125rem;
	height: .3125rem;
	left: 0;
	background-color: #121212
}

.privacy_field {
	font-size: .875rem;
	line-height: 22px;
	text-align: center;
	color: #4B4B4B
}

.privacy_field a {
	text-decoration-line: underline;
	white-space: nowrap
}

.privacy_field a:hover {
	text-decoration-line: none;
	transition: all 0.3s ease 0s
}

.feedback {
	margin: 0 auto
}

.feedback .errors.error.error_message {
	pointer-events: none;
	margin: 0;
	padding: 2.1875rem 1.875rem
}

@media (max-width:47.99875em) {
	.feedback .errors.error.error_message {
		padding: 1.875rem 1.5625rem
	}
}

.feedback .errors.error.error_message .form_text {
	margin-bottom: 0
}

.feedback .errors.error.error_message .thanks-text {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 1.5rem;
	line-height: 2rem;
	text-align: center
}

@media (max-width:47.99875em) {
	.feedback .errors.error.error_message .thanks-text {
		font-size: 1.25rem;
		line-height: 1.875rem
	}
}

@media (max-width:29.99875em) {
	.feedback .errors.error.error_message .thanks-text {
		font-size: 1rem;
		line-height: 1.625rem
	}
}

.feedback .title {
	color: #121212;
	font-weight: 700;
	font-size: 1.875rem;
	line-height: 40px;
	text-align: center;
	margin-bottom: .3125rem
}

@media (max-width:680px) {
	.feedback .title {
		font-size: 24px;
		width: 100%;
		line-height: 1.2
	}
}

.feedback .title.no-form-text {
	margin-bottom: 27px
}

@media (max-width:680px) {
	.feedback .title.no-form-text {
		margin-bottom: 20px
	}
}

.feedback .title span {
	color: #000;
	border-bottom: 0;
	display: block;
	line-height: 1
}

.feedback .form_text {
	color: #4B4B4B;
	font-weight: 400;
	font-size: .875rem;
	line-height: 22px;
	text-align: center;
	max-width: 14.0625rem;
	margin: 0 auto;
	padding-bottom: 16px
}

@media (max-width:47.99875em) {
	.feedback .form_text {
		font-size: 14px;
		line-height: 1.2;
		margin-bottom: .625rem;
		padding-bottom: 0
	}
}

.feedback .default-btn {
	display: flex;
	justify-content: center;
	width: 100%;
	font-weight: 800;
	font-size: .875rem;
	line-height: 1.375rem;
	text-transform: uppercase;
	background-color: #156055;
	padding: 1.0625rem .9375rem;
	margin-bottom: 10px;
	border-radius: 5px;
	color: #FFF
}

.feedback .default-btn:hover {
	opacity: .8;
	transition: opacity 0.3s ease 0s
}

@media (max-width:47.99875em) {
	.feedback .default-btn {
		padding: .625rem .9375rem;
		font-size: .75rem
	}
}

.feedback .field-d {
	margin-bottom: 15px;
	position: relative
}

.feedback .field-d.feedback_form_param15 {
	display: none
}

.feedback .field-d__name {
	font-weight: 300;
	font-size: 16px;
	margin-bottom: 10px
}

@media (max-width:47.99875em) {
	.feedback .field-d__name {
		font-size: .8125rem
	}
}

.feedback .field-d input {
	border-radius: 3px;
	border: 1px solid #EBEBEB;
	background-color: #F6F6F6;
	width: 100%;
	padding: .9375rem;
	text-align: center
}

@media (max-width:47.99875em) {
	.feedback .field-d input {
		padding: .4375rem
	}
}

.feedback .field-d .errors {
	font-size: 12px;
	position: absolute;
	color: #121212;
	top: 98% !important;
	bottom: auto;
	padding: 6px;
	line-height: 1.2;
	background-color: #FFF;
	left: 0 !important;
	border: 1px solid #121212;
	z-index: 1
}

.feedback .field-d .inpselect {
	font-family: "Manrope";
	font-size: 1rem;
	border-radius: 5px;
	border: 1px solid #EBEBEB;
	background-color: #F6F6F6;
	width: 100%;
	padding: .9375rem;
	text-align: center;
	color: gray
}

.feedback .field-d .inpselect option {
	padding: .9375rem
}

#course {
	width: 26.25rem
}

@media (max-width:480px) {
	#course {
		width: 90%
	}
}

.form-modal {
	border-radius: 3px;
	background: #FFF;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .06);
	padding: 0;
	margin: 0 auto;
	font-family: "Manrope"
}

.form-modal.form-feed {
	max-width: 449px
}

.form-modal form {
	position: relative
}

.form-modal form:after {
	content: "";
	width: 100%;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: url(../../index.htm);
	background-position: right bottom;
	filter: contrast(.5);
	opacity: .5
}

.form-modal .inner {
	position: relative;
	z-index: 2;
	padding: 1.5rem 1.6875rem;
	background-color: #FFF
}

@media (max-width:680px) {
	.form-modal .inner {
		padding: 1.25rem .9375rem
	}
}

.form-modal .inner .center {
	display: flex;
	justify-content: center
}

.swiper {
	overflow: hidden
}

.swiper-wrapper {
	width: 100%;
	height: 100%;
	box-sizing: content-box;
	display: flex;
	position: relative
}

.swiper-vertical .swiper-wrapper {
	flex-direction: column
}

.swiper-autoheight .swiper-wrapper {
	align-items: flex-start
}

.swiper-initialized .swiper-slide {
	flex-shrink: 0
}

.swiper-android .swiper-slide,
.swiper-android .swiper-wrapper {
	transform: translate3d(0, 0, 0)
}

.swiper-button-lock {
	display: none !important
}

.wrapper {
	min-height: 100%;
	display: flex;
	flex-direction: column;
	overflow: hidden
}

.wrapper>* {
	min-width: 0
}

@font-face {
	font-family: icons;
	font-display: swap;
	src: url(../../custom/my/fonts/icons.woff) format("woff");
	font-weight: 400;
	font-style: normal
}

[class*=_icon-]:before {
	font-family: "icons";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

[class*=_icon-]:before {
	display: block
}

._icon-message:before {
	content: ""
}

._icon-accept:before {
	content: ""
}

._icon-work:before {
	content: ""
}

._icon-address:before {
	content: ""
}

._icon-speed:before {
	content: ""
}

._icon-medal:before {
	content: ""
}

._icon-discount:before {
	content: ""
}

._icon-check:before {
	content: ""
}

._icon-verified:before {
	content: ""
}

._icon-close:before {
	content: ""
}

._icon-icon-menu:before {
	content: ""
}

._icon-whatsapp:before {
	content: ""
}

._icon-mail:before {
	content: ""
}

._icon-call:before {
	content: ""
}

._icon-arrow:before {
	content: ""
}

._icon-arrow-slider:before {
	content: ""
}

.header {
	position: relative;
	z-index: 5
}

.header__wrapper {
	padding: .9375rem 0;
	position: relative;
	z-index: 5;
	background-color: #2e2e2e
}

.header__body {
	display: flex;
	align-items: center;
	justify-content: space-between
}

@media (max-width:73.125em) {
	.header__body {
		gap: .9375rem
	}
}

.header__logo {
	display: flex;
	align-items: center;
	gap: 1rem;
	padding-right: 0;
}

@media (max-width:73.125em) {
	.header__logo {
		margin-right: 0;
	}
}

.header__image {
	display: flex;
	align-items: center;
	position: relative;
	padding-right: 1.0625rem;
	color: #FFF;
	font-weight: 700;
	font-size: 1.0625rem;
	text-transform: uppercase
}

.header__image::before {
	content: "";
	position: absolute;
	right: 0;
	background-color: #156055;
	height: 1.5625rem;
	width: .25rem
}

@media (max-width:29.99875em) {
	.header__image::before {
		/*display: none*/
	}
}

.header__logo-text {
	display: block;
	max-width: 10rem;
	color: #FFF;
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.1875rem;
	text-transform: uppercase
}

@media (max-width:29.99875em) {
	.header__logo-text {
		max-width: 15rem;
	}
}

.header__mail {
	display: flex;
	flex-direction: column;
	gap: .125rem
}

.header__mail a {
	font-size: .9375rem;
	line-height: 1.1875rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF
}

.header__mail a:hover {
	text-decoration: none
}

@media (max-width:73.125em) {
	.header__mail {
		display: none
	}
}

.header__lable {
	font-weight: 500;
	font-size: .875rem;
	line-height: 1.1875rem;
	color: #FFF
}

.header__phone {
	display: flex;
	flex-direction: column;
	gap: .125rem
}

.header__phone a {
	display: flex;
	align-items: center;
	font-size: .9375rem;
	line-height: 1.1875rem;
	font-weight: 700;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	padding-right: 1.0625rem
}

.header__phone a:not(:last-child)::before {
	content: "";
	position: absolute;
	right: 0;
	height: .625rem;
	width: .125rem;
	background-color: gray
}

.header__phone a:hover {
	text-decoration: none
}

@media (max-width:73.125em) {
	.header__phone {
		display: none
	}
}

.header__links {
	display: flex;
	align-items: center;
	gap: .875rem
}

@media (min-width:73.125em) {
	.header__btn {
		margin-right: -2.8125rem
	}
}

.header__btn a {
	display: flex;
	align-items: center;
	gap: .4375rem;
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.1875rem;
	color: #FFF;
	text-transform: uppercase;
	padding: .9375rem 1.375rem;
	background-color: #156055;
	border-radius: 5px
}

@media (max-width:47.99875em) {
	.header__btn {
		display: none
	}
}

.header__burger {
	transition: all 0.3s ease 0s
}

.header__burger::before {
	color: #FFF;
	font-size: 1.5rem
}

.menu-open .header__burger::before {
	content: ""
}

.menu-header {
	opacity: 0;
	visibility: hidden;
	z-index: -1;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background-color: #121212
}

@media (max-width:73.125em) {
	.menu-header {
		background-color: #1b1b1b
	}
}

.menu-open .menu-header {
	z-index: 4;
	opacity: 1;
	visibility: visible;
	transition: all 0.3s ease 0s
}

@media (max-width:47.99875em) {
	.menu-open .menu-header {
		overflow-x: scroll
	}
}

.menu-open .menu-header__container {
	height: 100%
}

.menu-open .menu-header__body {
	display: flex;
	flex: auto;
	height: 100%
}

@media (max-width:47.99875em) {
	.menu-open .menu-header__body {
		flex-direction: column;
		gap: 1.875rem;
		padding-top: 4.25rem;
		padding-bottom: 1.875rem;
		height: auto
	}
}

@media (max-width:29.99875em) {
	.menu-open .menu-header__body {
		padding-top: 5.375rem
	}
}

.menu-open .menu-header__items {
	display: flex;
	flex-direction: column;
	gap: 2.5rem;
	padding: 8.125rem 0;
	flex: 0 0 24.375rem;
	border-right: 2px solid gray;
	position: relative;
	background-color: #1b1b1b
}

.menu-open .menu-header__items::before {
	content: "";
	width: calc((100vw - 1140px) / 2);
	position: absolute;
	right: 100%;
	top: 0;
	bottom: 0;
	height: 100%;
	background-color: #1b1b1b
}

@media (max-width:73.125em) {
	.menu-open .menu-header__items {
		padding: 7.5rem 2.5rem;
		flex: 0 0 21.25rem
	}

	.menu-open .menu-header__items::before {
		display: none
	}
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__items {
		padding: 7.5rem 1.25rem;
		flex: 0 0 18.75rem
	}
}

@media (max-width:47.99875em) {
	.menu-open .menu-header__items {
		flex: none;
		padding: 0;
		margin-top: .9375rem;
		gap: 1.25rem;
		border-right: none
	}
}

.menu-open .menu-header__list {
	display: flex;
	flex-direction: column;
	gap: 1.25rem
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__list {
		gap: .625rem
	}
}

.menu-open .menu-header__item a {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 2.625rem;
	color: #FFF
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__item a {
		font-size: 1.25rem;
		line-height: 2rem
	}
}

.menu-open .menu-header__item.active a {
	color: #156055
}

.menu-open .menu-header__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 1.5625rem;
	align-self: flex-start;
	font-weight: 700;
	font-size: 1rem;
	line-height: 1.375rem;
	color: #FFF;
	text-transform: uppercase;
	padding: .9375rem 1.875rem;
	box-shadow: 0 4px 24px rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	background-color: #156055;
	position: relative;
	z-index: 1;
	text-transform: uppercase
}

.menu-open .menu-header__btn::after {
	content: "";
	position: absolute;
	background: rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: -.625rem;
	left: .625rem;
	z-index: -1
}

.menu-open .menu-header__btn::before {
	font-size: .6875rem
}

.menu-open .menu-header__btn:hover {
	opacity: .9;
	box-shadow: none;
	transition: all 0.3s ease 0s
}

.menu-open .menu-header__contacts {
	display: flex;
	flex-direction: column;
	gap: 1.4375rem;
	padding: 8.125rem 5rem;
	flex: auto;
	background-color: #1b1b1b;
	position: relative
}

.menu-open .menu-header__contacts::before {
	content: "";
	width: calc((100vw - 1140px) / 2);
	position: absolute;
	left: 100%;
	top: 0;
	bottom: 0;
	height: 100%;
	background-color: #1b1b1b
}

@media (max-width:73.125em) {
	.menu-open .menu-header__contacts {
		padding: 7.5rem 2.5rem
	}

	.menu-open .menu-header__contacts::before {
		display: none
	}
}

@media (max-width:47.99875em) {
	.menu-open .menu-header__contacts {
		flex: auto;
		padding: 0
	}
}

.menu-open .menu-header__title {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 1.875rem;
	line-height: 2.625rem;
	color: #FFF
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__title {
		font-size: 1.25rem;
		line-height: 2rem
	}
}

.menu-open .menu-header__line {
	display: flex;
	gap: 1.4375rem
}

@media (max-width:47.99875em) {
	.menu-open .menu-header__line {
		gap: .9375rem
	}
}

.menu-open .menu-header__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background-color: #156055;
	border-radius: 5px
}

.menu-open .menu-header__image::before {
	color: #FFF
}

@media (max-width:47.99875em) {
	.menu-open .menu-header__image {
		width: 2.375rem;
		height: 2.375rem;
		min-width: 2.375rem
	}
}

.menu-open .menu-header__block {
	display: flex;
	flex-direction: column;
	gap: .4375rem
}

.menu-open .menu-header__lable {
	font-weight: 400;
	color: gray;
	margin: 0
}

.menu-open .menu-header__phone {
	display: flex;
	align-items: center;
	gap: .875rem
}

.menu-open .menu-header__phone a {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	text-transform: uppercase;
	color: #FFF;
	position: relative;
	padding-right: 1.0625rem
}

.menu-open .menu-header__phone a:not(:last-child)::before {
	content: "";
	position: absolute;
	right: 0;
	height: .625rem;
	width: .125rem;
	background-color: gray
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__phone a {
		font-size: .875rem;
		line-height: 1.4375rem
	}
}

.menu-open .menu-header__email a {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	text-transform: uppercase;
	color: #FFF
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__email a {
		font-size: .875rem;
		line-height: 1.4375rem
	}
}

.menu-open .menu-header__address span {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	color: #FFF;
	text-transform: uppercase
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__address span {
		font-size: .875rem;
		line-height: 1.4375rem
	}
}

.menu-open .menu-header__work {
	display: flex;
	align-items: center;
	gap: .625rem
}

.menu-open .menu-header__work span {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	color: #FFF;
	text-transform: uppercase
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__work span {
		font-size: .875rem;
		line-height: 1.25rem
	}
}

@media (max-width:61.99875em) {
	.menu-open .menu-header__work {
		flex-direction: column;
		align-items: flex-start;
		gap: .3125rem
	}
}

.main-block {
	position: relative;
	background-color: #252525
}

.main-block._white-bg {
	background-color: #FFF
}

.main-block__bg {
	position: absolute;
	bottom: 0;
	right: 0
}

.main-block__container {
	height: 100%
}

.main-block__info {
	display: flex;
	flex-direction: column;
	padding-top: 1.25rem
}

@media (max-width:61.99875em) {
	.main-block__info {
		gap: .625rem
	}
}

@media (max-width:47.99875em) {
	.main-block__info {
		width: 100%;
		margin-top: 1.25rem
	}
}

.main-block__body {
	display: flex;
	align-items: center;
	height: 100%;
	gap: 1.875rem;
	padding: 3.75rem 0
}

@media (max-width:73.125em) {
	.main-block__body {
		padding: 3.75rem 1.875rem
	}
}

@media (max-width:47.99875em) {
	.main-block__body {
		flex-direction: column;
		gap: 0;
		padding: 1.875rem 0
	}
}

.main-block__content {
	display: flex;
	flex-direction: column;
	flex: 0 1 43.75rem
}

@media (max-width:61.99875em) {
	.main-block__content {
		width: 100%;
		flex: auto
	}
}

.main-block__content-wrap {
	display: flex;
	flex-direction: column;
	padding-right: 3.125rem
}

@media (max-width:61.99875em) {
	.main-block__content-wrap {
		padding-right: 0
	}
}

.main-block__title {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 2.375rem;
	line-height: 3.125rem;
	color: #FFF;
	margin-bottom: .625rem
}

.main-block__title span {
	color: #156055;
	white-space: nowrap
}

@media (max-width:73.125em) {
	.main-block__title {
		font-size: 1.625rem;
		margin: 0;
		padding-bottom: .9375rem
	}
}

@media (max-width:47.99875em) {
	.main-block__title {
		font-size: 1.375rem;
		line-height: 1.875rem;
		padding-bottom: 1.25rem
	}
}

.main-block__title-black {
	font-weight: 600;
	font-size: 2.375rem;
	line-height: 3.125rem;
	color: #121212
}

.main-block__title-black span {
	color: #156055
}

@media (max-width:73.125em) {
	.main-block__title-black {
		font-size: 1.875rem;
		line-height: 2.625rem;
		margin-bottom: .625rem;
		padding-bottom: .9375rem
	}
}

@media (max-width:47.99875em) {
	.main-block__title-black {
		font-size: 1.5rem;
		line-height: 2rem;
		padding-bottom: .3125rem
	}
}

.main-block__subtitle {
	font-family: "Unbounded", cursive;
	color: #000;
	font-size: 1.625rem;
	line-height: 34px
}

@media (max-width:47.99875em) {
	.main-block__subtitle {
		font-size: 1.125rem;
		line-height: 1.4;
		margin-bottom: 0
	}
}

.main-block__text {
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 2.1875rem;
	color: #FFF;
	margin-bottom: .3125rem
}

@media (max-width:61.99875em) {
	.main-block__text {
		font-size: 1rem;
		line-height: 1.375rem;
		margin-bottom: .625rem
	}
}

.main-block__items {
	display: flex;
	flex-wrap: wrap;
	margin-bottom: 2.1875rem
}

@media (max-width:61.99875em) {
	.main-block__items {
		flex-direction: column;
		gap: .3125rem;
		margin-bottom: 1.25rem
	}
}

.main-block__item {
	display: flex;
	align-items: center;
	gap: .5rem;
	flex: 0 0 50%;
	font-weight: 500;
	font-size: 1.125rem;
	line-height: 2.1875rem;
	color: #FFF
}

.main-block__item::before {
	content: "";
	display: block;
	font-family: "icons";
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #156055
}

@media (max-width:61.99875em) {
	.main-block__item {
		font-size: 1rem;
		line-height: 1.375rem
	}
}

@media (max-width:47.99875em) {
	.main-block__item {
		padding-right: .3125rem;
		flex: 100%
	}
}

.main-block__btn {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 1.5625rem;
	align-self: flex-start;
	position: relative
}

.main-block__btn::after {
	content: "";
	position: absolute;
	background: rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: -.625rem;
	left: .625rem
}

.main-block__btn::before {
	font-size: .75rem
}

.main-block__btn span {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: row-reverse;
	gap: 1.5625rem;
	align-self: flex-start;
	font-weight: 700;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	padding: .9375rem 1.875rem;
	box-shadow: 0 4px 24px 0 rgb(21, 96, 85);
	border-radius: 5px;
	background-color: #156055;
	position: relative;
	z-index: 2
}

.main-block__btn span:hover {
	opacity: .9;
	box-shadow: none;
	transition: all 0.3s ease 0s
}

@media (max-width:47.99875em) {
	.main-block__btn span {
		padding: .9375rem 1.25rem;
		font-size: .875rem
	}
}

@media (max-width:29.99875em) {
	.main-block__btn span {
		width: 100%
	}
}

@media (max-width:47.99875em) {
	.main-block__btn {
		align-self: center
	}
}

.main-block__inner {
	flex: 1 1 25.6875rem;
	position: relative;
	min-width: 0;
	display: flex;
	justify-content: center;
	align-items: center
}

.main-block__inner::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border: 1px solid #156055;
	border-radius: 20px;
	transform: matrix(.99, -.14, .14, .99, 0, 0);
	width: 100.243902439%;
	height: 103.6247334755%
}

@media (max-width:61.99875em) {
	.main-block__inner::before {
		display: none
	}
}

@media (max-width:61.99875em) {
	.main-block__inner {
		flex: auto;
		width: 100%
	}
}

.main-block__inner-wrap {
	width: 100%;
	overflow: hidden
}

.main-block__slider {
	min-width: 0;
	border-radius: 20px
}

@media (max-width:47.99875em) {
	.main-block__slider {
		border-radius: 3px
	}
}

.main-block__slide {
	display: flex;
	border-radius: 20px;
	overflow: hidden;
	position: relative;
	padding-bottom: 114.3902439024%
}

.main-block__slide img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

@media (max-width:47.99875em) {
	.main-block__slide {
		padding-bottom: 51.2820512821%;
		min-height: 21.25rem;
		border-radius: 3px
	}
}

.main-block__pagination {
	width: 100%;
	bottom: 1.5625rem;
	position: absolute;
	text-align: center;
	transition: 0.3s opacity;
	transform: translate3d(0, 0, 0);
	z-index: 2;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: .625rem
}

.main-block__pagination .swiper-pagination-bullet {
	background-color: #FFF;
	border-radius: 6px;
	width: .625rem;
	height: .625rem;
	cursor: pointer
}

.main-block__pagination .swiper-pagination-bullet-active {
	background-color: #156055
}

@media (max-width:47.99875em) {
	.main-block__pagination {
		bottom: .9375rem
	}
}

.main-block__button-next {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	margin-top: -1.625rem;
	right: -1.625rem;
	z-index: 1;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 5px;
	background-color: #FFF;
	cursor: pointer;
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3)
}

.main-block__button-next:hover {
	opacity: .9;
	transition: opacity 0.3s ease 0s
}

@media (max-width:61.99875em) {
	.main-block__button-next {
		margin-top: -1rem;
		width: 2rem;
		height: 2rem;
		right: -.625rem
	}
}

.main-block__button-prev {
	display: none;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 50%;
	margin-top: -1.625rem;
	left: -1.625rem;
	z-index: 1;
	width: 3.25rem;
	height: 3.25rem;
	border-radius: 5px;
	background-color: #FFF;
	cursor: pointer;
	transform: rotate(-180deg);
	box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .3)
}

.main-block__button-prev:hover {
	opacity: .9;
	transition: opacity 0.3s ease 0s
}

@media (max-width:61.99875em) {
	.main-block__button-prev {
		margin-top: -1rem;
		width: 2rem;
		height: 2rem;
		left: -.625rem
	}
}

.main-block__line {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	padding-bottom: 1.875rem;
	border-bottom: 1px solid #F5F5F5
}

@media (max-width:61.99875em) {
	.main-block__line {
		gap: .625rem;
		padding-bottom: 1.25rem
	}
}

@media (max-width:47.99875em) {
	.main-block__line {
		flex-direction: column;
		gap: .9375rem;
		align-items: flex-start;
		padding: 0 .9375rem .9375rem
	}
}

.main-block__line-item {
	display: flex;
	align-items: center;
	gap: 1.125rem;
	flex: 0 1 50%
}

@media (max-width:61.99875em) {
	.main-block__line-item {
		gap: .625rem
	}
}

.main-block__line-icon {
	position: relative
}

.main-block__line-icon::before {
	font-size: 1.875rem;
	color: #156055;
	position: relative;
	z-index: 2
}

.main-block__line-icon::after {
	content: "";
	position: absolute;
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background-color: #F5F5F5;
	top: -.625rem;
	left: -.625rem
}

.main-block__line-lable {
	color: #121212;
	font-size: .9375rem;
	line-height: 20px;
	max-width: 15rem
}

@media (max-width:61.99875em) {
	.main-block__line-lable {
		font-size: .8125rem;
		line-height: 17px
	}
}

.main-block__line-text {
	display: flex;
	flex-direction: column;
	gap: .625rem;
	padding-top: .9375rem;
	color: #121212;
	font-size: 1rem;
	line-height: 30px;
	text-align: justify
}

@media (max-width:61.99875em) {
	.main-block__line-text {
		font-size: .9375rem;
		line-height: 23px
	}
}

.services {
	background-color: #FFF;
	padding: 3.125rem 0
}

@media (max-width:47.99875em) {
	.services {
		padding: 1.875rem 0
	}
}

.services._no-padding {
	padding: 0
}

.services__title {
	display: flex;
	justify-content: center;
	color: #121212;
	margin-top: 0;
	margin-bottom: .3125rem
}

@media (max-width:47.99875em) {
	.services__title {
		text-align: center
	}
}

.services__subtitle {
	color: #121212;
	text-align: center;
	margin: 0
}

.services__content {
	margin-top: 1.875rem
}

@media (max-width:47.99875em) {
	.services__content {
		margin-top: .9375rem
	}
}

.services__list {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .9375rem
}

@media (max-width:61.99875em) {
	.services__list {
		grid-template-columns: repeat(3, 1fr);
		gap: .625rem
	}
}

@media (max-width:47.99875em) {
	.services__list {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width:29.99875em) {
	.services__list {
		grid-template-columns: repeat(1, 1fr)
	}
}

.services__item {
	display: flex;
	flex-direction: column-reverse;
	border-radius: 3px;
	overflow: hidden;
	position: relative;
	cursor: pointer
}

.services__text {
	color: #121212;
	font-weight: 400;
	font-size: .9375rem;
	line-height: 1.1875rem;
	max-width: 14.0625rem
}

.services__block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: auto
}

.services__block a {
	display: flex;
	flex-direction: column;
	align-items: center;
	flex: auto;
	position: relative
}

.services__lable {
	position: absolute;
	width: 90%;
	bottom: .9375rem;
	display: flex;
	flex-direction: row-reverse;
	gap: .625rem;
	align-items: center;
	justify-content: center;
	color: #121212;
	font-weight: 700;
	font-size: .75rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	text-align: center;
	padding: .8125rem .9375rem;
	border-radius: 3px;
	background: rgba(255, 255, 255, .8);
	backdrop-filter: blur(10px);
	white-space: nowrap
}

@media (max-width:73.125em) {
	.services__lable {
		font-size: .6875rem
	}
}

.services__lable:hover {
	opacity: .9;
	box-shadow: none;
	transition: all 0.3s ease 0s
}

@media (max-width:61.99875em) {
	.services__lable {
		padding: .3125rem .625rem;
		font-size: .75rem;
		white-space: normal
	}

	.services__lable::before {
		font-size: .5rem
	}
}

.services__image {
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	width: 100%;
	padding-bottom: 93.984962406%
}

.services__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

.cost {
	background-color: #156055;
	padding: 3.125rem 0
}

@media (max-width:61.99875em) {
	.cost {
		padding: 1.875rem 0
	}
}

.cost__body {
	display: flex;
	flex-direction: column;
	gap: 3.75rem
}

.cost__top {
	display: flex;
	align-items: center;
	gap: 7.5rem;
	margin-bottom: 1.875rem
}

@media (max-width:61.99875em) {
	.cost__top {
		flex-direction: column;
		gap: .9375rem;
		margin-bottom: .9375rem
	}
}

.cost__inputs {
	display: flex;
	align-items: center;
	gap: 1.25rem;
	margin-bottom: .9375rem
}

@media (max-width:37.5em) {
	.cost__inputs {
		flex-direction: column
	}
}

.cost__title {
	width: auto;
	color: #FFF;
	margin: 0
}

@media (max-width:61.99875em) {
	.cost__title {
		text-align: center;
		font-size: 1.25rem
	}
}

.cost__text {
	flex: 0 0 33.333%;
	min-width: 16.875rem;
	font-weight: 500;
	font-size: 1rem;
	line-height: 21px;
	color: #FFF
}

.cost__form form {
	display: flex;
	flex-direction: column
}

.cost__form form .field-d {
	flex: 0 1 33.333%
}

@media (max-width:47.99875em) {
	.cost__form form .field-d {
		width: 100%;
		flex: auto
	}
}

.cost__form form .field-d__name {
	color: #FFF;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: .625rem
}

@media (max-width:47.99875em) {
	.cost__form form .field-d__name {
		font-size: .75rem
	}
}

.cost__form form .field-d input {
	width: 100%;
	background-color: #156055;
	border: 1px solid #FFF;
	box-shadow: 0 4px 24px rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	padding: .9375rem 1.875rem;
	color: #FFF;
	font-size: 1rem;
	font-weight: 500
}

.cost__form form .field-d input::placeholder {
	color: #FFF;
	font-size: 1rem;
	font-weight: 500;
	margin-bottom: .625rem
}

@media (max-width:47.99875em) {
	.cost__form form .field-d input {
		padding: .625rem .9375rem
	}
}

.cost__form form .button-d {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 33.333%;
	min-width: 16.875rem;
	align-self: flex-start;
	background-color: #FFF;
	box-shadow: 0 4px 24px rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	padding: .9375rem 1.875rem;
	position: relative;
	z-index: 1
}

.cost__form form .button-d::after {
	content: "";
	position: absolute;
	background: rgba(255, 255, 255, .4);
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: -.625rem;
	left: .625rem;
	z-index: -1
}

.cost__form form .button-d:hover {
	opacity: .9;
	box-shadow: none;
	transition: all 0.3s ease 0s
}

@media (max-width:47.99875em) {
	.cost__form form .button-d {
		padding: .625rem .9375rem;
		min-width: 0;
		align-self: center;
		margin-top: .625rem
	}
}

.cost__form form .button-d__name {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: 1.25rem;
	font-weight: 700;
	font-size: 1rem;
	line-height: 22px;
	text-transform: uppercase;
	color: #121212;
	white-space: nowrap
}

@media (max-width:47.99875em) {
	.cost__form form .button-d__name {
		font-size: .75rem
	}
}

.cost__form form .privacy_field {
	font-weight: 500;
	font-size: .875rem;
	line-height: 21px;
	color: #FFF;
	margin-top: 0
}

.cost__form .errors {
	background-color: transparent
}

.cost__form .success {
	position: relative;
	box-shadow: none;
	margin: 0;
	padding: 6.875rem 0;
	box-shadow: none
}

.cost__form .success b {
	font-family: "Unbounded", cursive;
	font-style: normal;
	font-weight: 600;
	font-size: 1.875rem;
	color: #FFF
}

.cost__form .errors-input {
	background-color: #FFF;
	color: #156055;
	padding: .3125rem;
	box-shadow: none;
	font-size: .8125rem
}

.learn {
	padding: 3.125rem 0
}

@media (max-width:47.99875em) {
	.learn {
		padding: 1.875rem 0
	}
}

.learn__title {
	text-align: center;
	display: flex;
	justify-content: center;
	color: #121212;
	margin-top: 0;
	margin-bottom: .3125rem
}

.learn__subtitle {
	color: #121212;
	text-align: center;
	margin: 0
}

.learn__content {
	margin-top: 1.875rem
}

@media (max-width:47.99875em) {
	.learn__content {
		margin-top: .9375rem
	}
}

.learn__list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.875rem
}

.learn__item {
	display: flex;
	flex-direction: column;
	border-radius: 10px;
	overflow: hidden;
	border: 2px solid #156055
}

.learn__link {
	display: flex;
	flex-direction: column;
	flex: auto
}

.learn__img-ibg {
	padding-bottom: 94.4444444444%;
	position: relative
}

.learn__name {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: auto;
	padding: .625rem .9375rem;
	background-color: #156055;
	color: #FFF;
	font-weight: 700;
	font-size: .875rem;
	line-height: 1.25rem;
	text-transform: uppercase;
	text-align: center
}

.tabs__slider {
	min-width: 0;
	overflow: hidden
}

.tabs__tab-list {
	display: flex;
	align-items: stretch;
	gap: 1.875rem;
	margin-bottom: 1.25rem
}

.tabs__tab-list li {
	flex: 0 1 33.333%
}

@media (max-width:61.99875em) {
	.tabs__tab-list {
		gap: .9375rem
	}
}

@media (max-width:47.99875em) {
	.tabs__tab-list {
		gap: .3125rem
	}
}

@media (max-width:29.99875em) {
	.tabs__tab-list {
		flex-direction: column
	}
}

.tabs__trigger {
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #156055;
	color: #FFF;
	font-weight: 600;
	text-transform: uppercase;
	padding: 1.25rem .625rem;
	margin: 0;
	border-radius: 10px;
	height: 100%
}

.tabs__trigger.is-selected {
	background: #156055
}

@media (max-width:61.99875em) {
	.tabs__trigger {
		padding: .9375rem .3125rem
	}
}

@media (max-width:47.99875em) {
	.tabs__trigger {
		font-size: .75rem;
		line-height: 18px;
		text-align: center
	}
}

.tabs__panel {
	/*display: none*/
}

.is-initialized .tabs__panel {
	display: inherit
}

.tabs__panel.is-hidden {
	display: none
}

.tabs__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.5625rem
}

.tabs__button {
	display: flex;
	justify-content: center;
	margin-top: 1.5625rem
}

.tabs__button a {
	display: flex;
	align-items: center;
	flex-direction: row-reverse;
	gap: .625rem;
	align-self: center;
	color: #FFF;
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 1rem 1.875rem;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	background-color: #156055;
	position: relative
}

.tabs__button a::before {
	font-size: .875rem
}

.about-company {
	padding: 6.25rem 0;
	background-color: #F5F5F5
}

.about-company__title {
	display: flex;
	justify-content: center;
	margin-bottom: 2.1875rem;
	text-transform: uppercase
}

.about-company__main {
	display: flex;
	align-items: center;
	justify-content: space-between
}

.about-company__video {
	flex: 0 1 32.5rem;
	height: 31.25rem;
	position: relative;
	border-radius: 10px;
	overflow: hidden
}

.about-company__video .plyr,
.about-company__video img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

.about-company__video-text {
	display: flex;
	flex-direction: column;
	gap: .1875rem;
	position: absolute;
	top: 1.875rem;
	left: 1.875rem;
	margin: 0
}

.about-company__video-text p {
	padding: .125rem .1875rem;
	align-self: flex-start;
	background-color: #121212;
	color: #FFF
}

.about-company__content {
	flex: 0 1 33.75rem;
	display: flex;
	flex-direction: column;
	gap: 1.5625rem
}

.about-company__text {
	display: flex;
	flex-direction: column;
	gap: .9375rem;
	font-size: 1rem;
	line-height: 1.375rem
}

.about-company__block {
	display: flex;
	flex-direction: column;
	gap: 1.5625rem
}

.about-company__lable {
	font-size: 1rem;
	line-height: 1.375rem;
	font-weight: 600
}

.about-company__list {
	display: flex;
	flex-direction: column;
	gap: .625rem
}

.about-company__item {
	display: flex;
	align-items: center;
	gap: .1875rem;
	position: relative
}

.about-company__item::before {
	content: "✓"
}

.advantages {
	padding: 3.125rem 0;
	background-color: #252525
}

@media (max-width:47.99875em) {
	.advantages {
		padding: 1.875rem 0
	}
}

.advantages__body {
	display: flex;
	flex-direction: column
}

.advantages__title {
	text-align: center;
	color: #FFF;
	max-width: 62.5rem;
	padding-bottom: 2.8125rem;
	margin: 0 auto
}

.advantages__title._big {
	max-width: none
}

@media (max-width:47.99875em) {
	.advantages__title {
		padding-bottom: 1.5625rem
	}
}

.advantages__content {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 1.875rem
}

@media (max-width:61.99875em) {
	.advantages__content {
		grid-template-columns: repeat(2, 1fr);
		gap: 1.25rem
	}
}

@media (max-width:47.99875em) {
	.advantages__content {
		gap: .625rem
	}
}

@media (max-width:29.99875em) {
	.advantages__content {
		gap: .3125rem
	}
}

.advantages__cart {
	background-color: #252525;
	border: 1px solid rgba(255, 255, 255, .2);
	border-radius: 5px;
	padding: 2.8125rem 1.5625rem;
	color: #FFF;
	cursor: pointer
}

.advantages__cart._green {
	background-color: #156055;
	border: none
}

@media (max-width:47.99875em) {
	.advantages__cart._green {
		display: flex;
		flex-direction: column;
		justify-content: space-between
	}
}

.advantages__cart:hover {
	opacity: .9;
	border-color: #156055
}

@media (max-width:47.99875em) {
	.advantages__cart {
		padding: .9375rem
	}
}

@media (max-width:29.99875em) {
	.advantages__cart {
		padding: .625rem
	}
}

.advantages__row {
	display: flex;
	align-items: center;
	gap: .9375rem;
	margin-bottom: 1.25rem
}

@media (max-width:47.99875em) {
	.advantages__row {
		margin-bottom: .625rem;
		gap: .3125rem
	}
}

.advantages__image::before {
	color: #156055;
	font-size: 1.875rem
}

@media (max-width:47.99875em) {
	.advantages__image::before {
		font-size: 1.25rem
	}
}

@media (max-width:29.99875em) {
	.advantages__image::before {
		font-size: .625rem
	}
}

.advantages__lable {
	font-weight: 700;
	font-size: .875rem;
	line-height: 19px;
	color: #FFF;
	display: block;
	text-transform: uppercase
}

@media (max-width:47.99875em) {
	.advantages__lable {
		font-size: .6875rem;
		line-height: 16px
	}
}

.advantages__lable-big {
	font-family: "Unbounded", cursive;
	font-weight: 700;
	font-size: 25px;
	line-height: 31px;
	color: #FFF;
	margin-bottom: 1.375rem
}

@media (max-width:47.99875em) {
	.advantages__lable-big {
		font-size: .75rem;
		line-height: 16px;
		margin-bottom: .625rem
	}
}

.advantages__sublable {
	font-size: .875rem;
	line-height: 1.25rem;
	color: #FFF
}

.advantages__sublable._green {
	margin-bottom: 1.875rem
}

@media (max-width:47.99875em) {
	.advantages__sublable._green {
		margin-bottom: .625rem
	}
}

@media (max-width:47.99875em) {
	.advantages__sublable {
		font-size: .625rem;
		line-height: 15px
	}
}

.advantages__link:hover::before {
	transform: translate(10px, 0)
}

@media (max-width:47.99875em) {
	.advantages__link::before {
		font-size: .625rem
	}
}

.repair-steps {
	background-color: #F5F5F5;
	padding: 3.125rem 0
}

@media (max-width:47.99875em) {
	.repair-steps {
		padding: 1.875rem 0
	}
}

.repair-steps__body {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: .9375rem
}

@media (max-width:61.99875em) {
	.repair-steps__body {
		flex-direction: column
	}
}

.repair-steps__content {
	flex: 0 1 32.875rem;
	display: flex;
	flex-direction: column;
	gap: 1.25rem
}

@media (max-width:61.99875em) {
	.repair-steps__content {
		flex: auto;
		gap: 0
	}
}

.repair-steps__title {
	font-family: "Unbounded", cursive;
	font-weight: 600;
	font-size: 1.9375rem;
	line-height: 2.25rem;
	color: #121212;
	margin: 0
}

@media (max-width:61.99875em) {
	.repair-steps__title {
		text-align: center;
		margin-bottom: 1.25rem
	}
}

@media (max-width:47.99875em) {
	.repair-steps__title {
		font-size: 1.375rem;
		line-height: 1.875rem
	}
}

.repair-steps__subtitle {
	display: flex;
	flex-direction: column;
	gap: .625rem
}

.repair-steps__subtitle p {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px
}

.repair-steps__video {
	position: relative;
	width: 31.25rem;
	height: 18.75rem;
	border-radius: 3px;
	overflow: hidden
}

.repair-steps__video iframe {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}

@media (max-width:61.99875em) {
	.repair-steps__video {
		width: 100%;
		margin-top: .625rem
	}
}

.repair-steps__items {
	flex: 0 1 34.6875rem;
	display: flex;
	flex-direction: column;
	gap: .625rem
}

@media (max-width:61.99875em) {
	.repair-steps__items {
		flex: auto;
		width: 100%
	}
}

.repair-steps__item {
	padding: 1.25rem 1.875rem;
	border: 1px solid rgba(18, 18, 18, .1);
	border-radius: 5px;
	display: flex;
	align-items: center;
	gap: 2.5rem
}

.repair-steps__item:nth-child(even) {
	background-color: #FFF;
	border: none;
	box-shadow: 0 4px 24px rgba(0, 0, 0, .06)
}

@media (max-width:47.99875em) {
	.repair-steps__item {
		gap: 1.25rem;
		padding: .9375rem 1.25rem
	}
}

.repair-steps__number {
	color: #156055
}

.repair-steps__inner {
	display: flex;
	flex-direction: column;
	gap: .3125rem
}

.repair-steps__lable {
	font-weight: 700;
	font-size: 18px;
	line-height: 25px
}

@media (max-width:47.99875em) {
	.repair-steps__lable {
		font-size: 1rem;
		line-height: 23px
	}
}

.repair-steps__sublable {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	max-width: 20.9375rem
}

@media (max-width:47.99875em) {
	.repair-steps__sublable {
		font-size: .875rem;
		line-height: 19px
	}
}

.questions {
	background-color: #156055;
	padding: 3.125rem 0
}

@media (max-width:47.99875em) {
	.questions {
		padding: 1.875rem 0
	}
}

.questions__body {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 1.875rem
}

.questions__title {
	text-align: center;
	color: #FFF
}

.questions__content {
	max-width: 46.875rem;
	width: 100%;
	display: flex;
	flex-direction: column;
	gap: 1.25rem
}

.questions__spoller {
	border: 1px solid rgba(255, 255, 255, .4);
	box-shadow: 0 4px 24px rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	overflow: hidden
}

.questions__lable {
	font-weight: 700;
	font-size: 18px;
	line-height: 25px;
	color: #FFF;
	cursor: pointer;
	padding: 1.4375rem 2.1875rem;
	position: relative
}

.questions__lable.spoller-open {
	transition: all 0.3s ease 0s;
	background-color: #FFF;
	color: #156055
}

.questions__lable.spoller-open::before {
	transition: all 0.3s ease 0s;
	background-color: #156055
}

.questions__lable.spoller-open::after {
	display: none
}

.questions__lable::before {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	right: 2.1875rem;
	width: .625rem;
	height: .125rem;
	background-color: #FFF
}

.questions__lable::after {
	content: "";
	position: absolute;
	top: calc(50% - 5px);
	right: 2.1875rem;
	width: .125rem;
	height: .625rem;
	background-color: #FFF;
	transform: translate(-4px, 0)
}

.questions__text {
	max-height: 12.5rem;
	transition: max-height 0.5s ease 0s
}

.questions__text p {
	font-weight: 500;
	font-size: 1rem;
	line-height: 22px;
	color: #FFF;
	padding: 1.4375rem 2.1875rem
}

.questions__text.spoiler-body {
	transition: max-height 0.4s ease-in-out 0s;
	max-height: 0
}

.footer {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 2;
	background-color: #252525;
	padding-top: 3.125rem;
	color: #FFF
}

@media (max-width:47.99875em) {
	.footer {
		padding-top: 1.25rem
	}
}

.footer__body {
	display: flex;
	justify-content: space-between;
	padding-bottom: 3.125rem;
	gap: 1.25rem
}

@media (max-width:47.99875em) {
	.footer__body {
		flex-direction: column;
		padding-bottom: .9375rem;
		gap: .625rem
	}
}

.footer__content {
	flex: 0 1 18.125rem;
	display: flex;
	flex-direction: column;
	gap: 1.5625rem
}

@media (max-width:61.99875em) {
	.footer__content {
		gap: .9375rem
	}
}

@media (max-width:47.99875em) {
	.footer__content {
		flex: auto
	}
}

.footer__logo {
	display: flex;
	align-items: center;
	gap: 1.25rem
}

@media (max-width:47.99875em) {
	.footer__logo {
		margin-bottom: .625rem
	}
}

.footer__image {
	display: inline-flex;
	align-items: center;
	position: relative;
	padding-right: 1.25rem;
	color: #FFF;
	font-weight: 700;
	font-size: 1.0625rem;
	text-transform: uppercase;
	max-width: 6.875rem;
	white-space: nowrap
}

.footer__image::before {
	content: "";
	position: absolute;
	right: 0;
	background-color: #156055;
	height: 1.5625rem;
	width: .25rem
}

@media (max-width:61.99875em) {
	.footer__image {
		font-size: .875rem;
		padding-right: .625rem;
		max-width: 5.625rem
	}
}

.footer__logo-text {
	display: inline-flex;
	color: #FFF;
	font-weight: 600;
	font-size: .75rem;
	line-height: 1.1875rem;
	text-transform: uppercase
}

@media (max-width:61.99875em) {
	.footer__logo-text {
		font-size: .625rem
	}
}

.footer__row {
	display: flex;
	align-items: center;
	gap: .75rem
}

@media (max-width:47.99875em) {
	.footer__row {
		flex-direction: row;
		order: 3
	}
}

.footer__lable {
	font-weight: 600;
	font-size: 12px;
	line-height: 16px;
	padding: .75rem 1rem;
	background-color: #1F1F1F;
	border-radius: 5px
}

@media (max-width:61.99875em) {
	.footer__lable {
		font-size: .625rem;
		line-height: 14px;
		padding: .625rem .3125rem
	}
}

.footer__social {
	display: flex;
	align-items: center;
	gap: .625rem
}

.footer__social-link {
	width: 2.5rem;
	height: 2.5rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px
}

.footer__social-link._vk {
	background-color: #255BE8
}

.footer__social-link._youtube {
	background-color: #CF2F24
}

.footer__social-link._insta {
	background-color: rgba(132, 36, 207, .92)
}

@media (max-width:61.99875em) {
	.footer__social-link {
		width: 1.875rem;
		height: 1.875rem
	}
}

.footer__text {
	font-weight: 400;
	font-size: .8125rem;
	line-height: 1.0625rem
}

.footer__nav {
	flex: 0 1 25.625rem;
	display: flex;
	gap: 4.375rem
}

@media (max-width:61.99875em) {
	.footer__nav {
		justify-content: space-around;
		gap: 1.875rem
	}
}

@media (max-width:47.99875em) {
	.footer__nav {
		padding: 1.5625rem 0;
		flex: auto
	}
}

@media (max-width:29.99875em) {
	.footer__nav {
		padding: .9375rem 0
	}
}

.footer__column {
	flex: 0 1 auto;
	display: flex;
	flex-direction: column;
	gap: 2.1875rem
}

.footer__phone {
	display: flex;
	flex-direction: column;
	gap: .3125rem
}

.footer__phone a {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4375rem;
	text-transform: uppercase
}

.footer__phone a:hover {
	opacity: .8;
	transition: opacity 0.3s ease 0s
}

@media (max-width:61.99875em) {
	.footer__phone a {
		font-size: .875rem;
		line-height: 1.25rem
	}
}

.footer__phone span {
	font-weight: 400;
	color: gray;
	margin: 0
}

@media (max-width:61.99875em) {
	.footer__phone span {
		font-size: .8125rem;
		line-height: 1.1875rem
	}
}

.footer__list {
	display: flex;
	flex-direction: column;
	gap: .9375rem
}

.footer__link {
	font-weight: 600;
	font-size: .8125rem;
	line-height: 15px;
	text-transform: uppercase
}

@media (max-width:47.99875em) {
	.footer__link {
		font-size: .75rem
	}
}

.footer__buttons {
	flex: 0 1 18.125rem;
	display: flex;
	flex-direction: column;
	gap: .9375rem
}

@media (max-width:47.99875em) {
	.footer__buttons {
		flex: auto
	}
}

.footer__button-grey {
	font-weight: 700;
	font-size: 14px;
	line-height: 19px;
	text-transform: uppercase;
	width: 100%;
	display: flex;
	justify-content: center;
	border: 1px solid #FFF;
	border-radius: 5px;
	padding: .9375rem 0
}

.footer__button-green {
	position: relative;
	z-index: 1;
	margin-bottom: .625rem
}

.footer__button-green::after {
	content: "";
	position: absolute;
	background: rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	width: 100%;
	height: 100%;
	top: -.625rem;
	left: .625rem;
	z-index: -1
}

.footer__button-green::before {
	font-size: .9375rem
}

.footer__button-green:hover {
	opacity: .9;
	box-shadow: none;
	transition: all 0.3s ease 0s
}

.footer__button-green span {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: .4375rem;
	align-self: flex-start;
	font-weight: 700;
	font-size: 1rem;
	color: #FFF;
	text-transform: uppercase;
	padding: .9375rem 0;
	width: 100%;
	box-shadow: 0 4px 24px rgba(35, 147, 74, 0.4);
	border-radius: 5px;
	background-color: #156055;
	position: relative;
	z-index: 1
}

@media (max-width:73.125em) {
	.footer__button-green span {
		font-size: .75rem;
		padding: .625rem .9375rem
	}
}

@media (max-width:47.99875em) {
	.footer__button-green span {
		display: flex;
		width: auto;
		justify-content: flex-start
	}
}

@media (max-width:47.99875em) {
	.footer__button-green {
		display: flex;
		justify-content: flex-start
	}

	.footer__button-green::after {
		display: none
	}
}

.footer__line {
	border-top: 1px solid #454545;
	padding: .625rem 0
}

@media (max-width:47.99875em) {
	.footer__line {
		padding: .9375rem 0
	}
}

.footer__line-wrap {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-weight: 400;
	font-size: .75rem;
	line-height: .9375rem
}

@media (max-width:47.99875em) {
	.footer__line-wrap {
		flex-direction: column;
		gap: .4375rem;
		text-align: center
	}
}

.footer__line-wrap span {
	text-transform: uppercase
}

.footer__address {
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4375rem;
	text-transform: lowercase
}

.footer__work {
	display: flex;
	flex-direction: column;
	font-weight: 600;
	font-size: 1rem;
	line-height: 1.4375rem;
	text-transform: lowercase
}

.contacts {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 1.5625rem
}

.contacts__line {
	display: flex;
	gap: 1.4375rem
}

@media (max-width:47.99875em) {
	.contacts__line {
		gap: .9375rem
	}
}

.contacts__image {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
	background-color: #156055;
	border-radius: 5px
}

.contacts__image::before {
	color: #FFF
}

@media (max-width:47.99875em) {
	.contacts__image {
		width: 2.375rem;
		height: 2.375rem;
		min-width: 2.375rem
	}
}

.contacts__block {
	display: flex;
	flex-direction: column;
	justify-content: center;
	gap: .1875rem
}

.contacts__lable {
	font-weight: 400;
	color: gray;
	margin: 0
}

.contacts__phone {
	display: flex;
	align-items: center;
	gap: .875rem
}

.contacts__phone a {
	display: flex;
	align-items: center;
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	text-transform: uppercase;
	color: #121212;
	position: relative;
	padding-right: 1.0625rem;
	text-decoration-line: none
}

.contacts__phone a:not(:last-child)::before {
	content: "";
	position: absolute;
	right: 0;
	height: .625rem;
	width: .125rem;
	background-color: gray
}

@media (max-width:61.99875em) {
	.contacts__phone a {
		font-size: .875rem;
		line-height: 1.1875rem
	}
}

.contacts__email a {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	text-transform: uppercase;
	color: #121212;
	text-decoration-line: none
}

@media (max-width:61.99875em) {
	.contacts__email a {
		font-size: .875rem;
		line-height: 1.1875rem
	}
}

.contacts__address span {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	color: #121212;
	text-transform: uppercase
}

@media (max-width:61.99875em) {
	.contacts__address span {
		font-size: .875rem;
		line-height: 1.1875rem
	}
}

.contacts__work {
	display: flex;
	align-items: center;
	gap: .625rem
}

.contacts__work span {
	font-weight: 700;
	font-size: 1.0625rem;
	line-height: 1.5625rem;
	color: #121212;
	text-transform: uppercase
}

@media (max-width:61.99875em) {
	.contacts__work span {
		font-size: .875rem;
		line-height: 1.1875rem
	}
}

@media (max-width:47.99875em) {
	.contacts__work {
		flex-direction: column;
		align-items: flex-start;
		gap: .3125rem
	}
}

.contacts__text {
	margin-top: .9375rem
}

.breadcrumb {
	padding-bottom: .9375rem;
	color: #121212
}

.course-block {
	padding: 3.125rem 0
}

@media (max-width:47.99875em) {
	.course-block {
		padding: 1.875rem 0
	}
}

.course-block._grey-bg {
	background-color: #F5F5F5
}

.course-block__title {
	display: flex;
	justify-content: center;
	color: #121212;
	margin-top: 0;
	margin-bottom: 2.1875rem
}

@media (max-width:47.99875em) {
	.course-block__title {
		margin-bottom: 1.25rem
	}
}

.course-block__subtitle {
	color: #121212;
	text-align: center;
	text-transform: uppercase;
	margin-top: .625rem;
	margin-bottom: 1.5625rem
}

.course-block__item {
	display: flex;
	flex-direction: column;
	border-radius: 3px;
	background: #FFF;
	box-shadow: 0 4px 24px 0 rgba(0, 0, 0, .15)
}

.course-block__item.swiper-slide {
	box-shadow: none;
	border: 1px solid #121212
}

.course-block__name {
	color: #121212;
	font-size: .90625rem;
	font-weight: 700;
	line-height: 21px;
	padding-bottom: .625rem;
	border-bottom: 1px solid #EEE;
	text-transform: uppercase
}

.course-block__images-ibg {
	padding-bottom: 73.0027548209%;
	border-radius: 3px 3px 0 0;
	overflow: hidden
}

.course-block__time {
	display: flex;
	align-items: center;
	gap: .4375rem;
	color: #121212;
	font-size: .875rem;
	margin-bottom: .625rem
}

.course-block__time::before {
	color: #156055
}

.course-block__anons ul {
	display: flex;
	flex-direction: column;
	gap: .375rem
}

.course-block__anons ul li {
	display: flex;
	align-items: center;
	color: #5B5B5B;
	font-size: .875rem;
	line-height: 22px;
	position: relative;
	padding-left: .9375rem
}

.course-block__anons ul li::before {
	content: "+";
	position: absolute;
	left: 0;
	font-size: 1rem
}

.course-block__price-block {
	display: flex;
	align-items: center;
	gap: .625rem;
	padding: .75rem 0
}

.course-block__price {
	color: #BC2B1F;
	font-size: 1.125rem;
	font-weight: 700
}

.course-block__price-offer {
	color: #121212;
	font-size: .875rem;
	line-height: 19px;
	font-weight: 500;
	padding-top: .625rem
}

.course-block__old-price {
	color: #3A3A3A;
	font-size: .9375rem;
	font-weight: 700;
	text-decoration-line: line-through
}

.course-block__block {
	flex: auto;
	position: relative;
	padding: .8125rem 1.5rem
}

.course-block__block._show-block {
	flex: none
}

.course-block__block-wrap {
	justify-content: flex-end;
	flex: auto;
	height: 100%
}

.course-block__top {
	display: flex;
	flex-direction: column;
	height: 100%
}

.course-block__full-text {
	display: none
}

.course-block__full-text._show-body {
	display: flex;
	flex-direction: column;
	padding: 1.25rem 1.25rem 1.25rem;
	position: absolute;
	top: auto;
	left: 0;
	width: 100%;
	background-color: #FFF;
	box-shadow: 0 24px 24px 0 rgba(0, 0, 0, .15);
	border-radius: 0 0 10px 10px;
	z-index: 3
}

.course-block__btn-details {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 1rem 1.875rem;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	background-color: #156055;
	position: relative;
	margin-top: .9375rem
}

.course-block__btn-details::before {
	font-size: .4375rem;
	position: absolute;
	right: .9375rem;
	transform: rotate(90deg)
}

.course-block__btn-details:hover {
	opacity: .8
}

.course-block__btn-details._hide {
	display: none
}

@media (max-width:47.99875em) {
	.course-block__btn-details {
		font-size: .8125rem
	}
}

.course-block__btn-details01 {
	display: flex;
	align-items: center;
	justify-content: center;
	color: #FFF;
	font-size: .875rem;
	font-weight: 800;
	text-transform: uppercase;
	padding: 1rem 1.875rem;
	cursor: pointer;
	text-align: center;
	border-radius: 5px;
	background-color: #156055;
	position: relative;
	margin-top: .9375rem
}

.course-block__btn-details01::before {
	font-size: .4375rem;
	position: absolute;
	right: .9375rem;
	transform: rotate(90deg)
}

.course-block__btn-details01:hover {
	opacity: .8
}

.course-block__btn-details01._hide {
	display: none
}

@media (max-width:47.99875em) {
	.course-block__btn-details01 {
		font-size: .8125rem
	}
}

.course-block__btn-wrap {
	margin-top: auto
}

.course-block__buttons {
	display: flex;
	align-items: center;
	gap: .4375rem
}

.course-block__btn-entry {
	flex: 0 1 50%;
	display: flex;
	justify-content: center;
	color: #FFF;
	font-weight: 800;
	font-size: .875rem;
	border-radius: 5px;
	background-color: #156055;
	padding: 1.0625rem 0;
	cursor: pointer;
	text-align: center;
	text-transform: uppercase
}

.course-block__btn-entry:hover {
	opacity: .8
}

.course-block__btn-entry._hide {
	display: none
}

@media (max-width:47.99875em) {
	.course-block__btn-entry {
		font-size: .8125rem
	}
}

.course-block__close {
	display: flex;
	justify-content: center;
	flex: 0 1 50%;
	font-weight: 800;
	font-size: .875rem;
	border-radius: 5px;
	background-color: #FFF;
	padding: 1.0625rem 0;
	cursor: pointer;
	color: #121212;
	border: 1px solid #156055;
	text-transform: uppercase
}

.course-block__close:hover {
	opacity: .8
}

@media (max-width:47.99875em) {
	.course-block__close {
		font-size: .8125rem
	}
}

.course-block__inner {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: .9375rem
}

@media (max-width:61.99875em) {
	.course-block__inner {
		grid-template-columns: repeat(2, 1fr)
	}
}

@media (max-width:37.5em) {
	.course-block__inner {
		grid-template-columns: repeat(1, 1fr)
	}
}

.course-block__description {
	display: flex;
	flex-direction: column;
	gap: .3125rem;
	margin-bottom: .9375rem
}

.course-block__description p {
	font-size: .875rem;
	line-height: 22px
}

.course-block__description p a {
	text-decoration-line: underline
}

.course-block__description p a:hover {
	text-decoration-line: none
}

.course-block__description-training {
	padding: .4375rem 0;
	font-size: 1rem;
	line-height: 24px
}

.course-block__description-lable {
	color: #121212;
	font-size: .875rem;
	font-weight: 700;
	line-height: 22px;
	text-transform: uppercase
}

.course-block__description-list {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-top: .3125rem
}

.course-block__description-list li {
	font-size: .875rem;
	line-height: 22px
}

.course-block__description-list-double {
	display: flex;
	flex-direction: column;
	gap: .5rem;
	margin-left: .625rem
}

.course-block__description-list-double li {
	display: flex;
	align-items: center;
	color: #121212;
	font-size: .875rem;
	line-height: 22px;
	position: relative;
	padding-left: .9375rem;
	font-weight: 400
}

.course-block__description-list-double li::before {
	content: "";
	position: absolute;
	width: .3125rem;
	height: .3125rem;
	left: 0;
	background-color: #252525
}

.course-block__description-text {
	display: flex;
	align-items: center;
	gap: .625rem;
	color: #121212;
	font-size: .875rem;
	line-height: 17px;
	font-weight: 600
}

.course-block__description-text::before {
	padding-top: .0625rem;
	font-size: 1.625rem;
	font-weight: 600;
	color: #156055
}

.work-photo {
	background-color: #FFF;
	padding: 1.875rem 0
}

.work-photo__title {
	display: flex;
	justify-content: center;
	color: #121212;
	margin-top: 0;
	margin-bottom: .3125rem
}

.work-photo__subtitle {
	color: #121212;
	text-align: center;
	text-transform: uppercase;
	margin: 0
}

.work-photo__content {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: .9375rem;
	margin-top: 1.875rem
}

@media (max-width:61.99875em) {
	.work-photo__content {
		grid-template-columns: repeat(3, 1fr)
	}
}

@media (max-width:47.99875em) {
	.work-photo__content {
		grid-template-columns: repeat(2, 1fr);
		margin-top: 1.25rem
	}
}

.work-photo__image-ibg {
	padding-bottom: 100%;
	background-color: gray;
	border-radius: 5px;
	overflow: hidden
}

@media (max-width:29.99875em) {
	.about {
		display: flex;
		flex-direction: column;
		gap: .9375rem
	}
}

.about-left {
	float: left;
	width: 30%;
	margin-right: 2%;
	overflow: hidden;
	border-radius: 3px
}

@media (max-width:47.99875em) {
	.about-left {
		width: 50%
	}
}

.about-left img {
	width: 100%;
	height: auto
}

@media (max-width:29.99875em) {
	.about-left {
		width: 100%;
		margin-right: 0
	}
}

.about-text {
	background-color: #F5F5F5;
	padding: 0 0 3.125rem
}

.about-text__title {
	display: flex;
	justify-content: center;
	color: #121212;
	margin: 0
}

.about-text__content {
	display: flex;
	flex-direction: column;
	gap: 1.25rem;
	margin-top: 1.5625rem
}

.about-text__content p {
	color: #121212;
	font-size: .9375rem;
	line-height: 24px
}

.about-text ul {
	display: flex;
	flex-direction: column;
	gap: .625rem;
	margin-bottom: .625rem;
	margin-left: .625rem;
	margin-top: -.625rem
}

.about-text ul li {
	color: #121212;
	font-size: 1rem;
	line-height: 22px;
	position: relative;
	padding-left: .9375rem;
	font-weight: 500
}

.about-text ul li::before {
	content: "";
	position: absolute;
	top: .625rem;
	width: .3125rem;
	height: .3125rem;
	left: 0;
	background-color: #121212
}

.eyebrow-main {
	background-color: #FFF;
	padding: 1.25rem 0 1.25rem
}

.eyebrow-main__body {
	display: flex;
	gap: 1.5625rem
}

@media (max-width:47.99875em) {
	.eyebrow-main__body {
		flex-direction: column
	}
}

.eyebrow-main__image-ibg {
	flex: 0 1 40%;
	padding-bottom: 25.641025641%
}

@media (max-width:47.99875em) {
	.eyebrow-main__image-ibg {
		padding-bottom: 52.0833333333%;
		min-height: 13.75rem
	}
}

.eyebrow-main__image-ibg img {
	border-radius: 3px
}

.eyebrow-main__content {
	flex: 0 1 60%
}

.eyebrow-main__content .course-block__time {
	margin-bottom: 0
}

.eyebrow-main__content .course-block__btn-entry {
	margin-bottom: .9375rem;
	display: inline-flex;
	padding: .9375rem 1.5625rem
}

.eyebrow-interest {
	padding-top: 2.1875rem
}

@media (max-width:47.99875em) {
	.eyebrow-interest {
		padding-top: .625rem
	}
}

.eyebrow-interest__title {
	display: flex;
	justify-content: center;
	margin-bottom: 1.5625rem
}

.certificates {
	background-color: #FFF;
	padding-bottom: 0;
	margin-top: 1.875rem
}

@media (max-width:47.99875em) {
	.certificates {
		margin-top: 0
	}
}

.certificates__top {
	display: flex;
	flex-direction: column;
	align-items: center;
	text-align: center;
	margin-bottom: 1.25rem
}

@media (max-width:47.99875em) {
	.certificates__top {
		margin-bottom: .9375rem
	}
}

.certificates__title {
	font-weight: 600;
	line-height: 44px;
	margin-bottom: .3125rem
}

@media (max-width:61.99875em) {
	.certificates__title {
		line-height: 31px;
		text-align: center
	}
}

.certificates__subtitle {
	font-weight: 500;
	font-size: 1rem;
	line-height: 26px;
	text-align: center;
	max-width: 58.75rem
}

@media (max-width:61.99875em) {
	.certificates__subtitle {
		font-weight: 500;
		font-size: .9375rem;
		line-height: 19px;
		text-align: center
	}
}

.certificates__content {
	display: grid;
	gap: .625rem;
	grid-template-columns: 1fr 0.9fr 0.5fr 0.5fr
}

@media (max-width:61.99875em) {
	.certificates__content {
		flex-wrap: wrap
	}
}

@media (max-width:47.99875em) {
	.certificates__content {
		grid-template-columns: 1fr 0.9fr
	}
}

.certificates__image {
	position: relative;
	padding-bottom: 65.7894736842%;
	min-height: 7.5rem
}

.certificates__image img {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	object-fit: cover
}

@media (max-width:47.99875em) {
	.certificates__image img {
		object-fit: contain
	}
}