@charset "UTF-8";
.performance { padding: 80px 0; }
@media screen and (max-width: 800px) { .performance { padding: 50px 0; } }
.performance .wrapper { background-image: url(media/performance-bg.png); background-position: center bottom; background-repeat: no-repeat; background-size: contain; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
@media screen and (max-width: 900px) { .performance .wrapper { background-position: center top; } }
.performance .wrapper .content { width: 1450px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1470px) { .performance .wrapper .content { width: 100%; padding: 30px 0; } }
@media screen and (max-width: 900px) { .performance .wrapper .content { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0; } }
.performance .wrapper .content .vertText { width: 10%; height: 100%; }
@media screen and (max-width: 1470px) { .performance .wrapper .content .vertText { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } }
@media screen and (max-width: 900px) { .performance .wrapper .content .vertText { display: none; } }
.performance .wrapper .content .vertText img { width: 100%; height: calc(100% + 7px); }
@media screen and (max-width: 1470px) { .performance .wrapper .content .vertText img { height: auto; } }
.performance .wrapper .content .horText { display: none; width: 100%; padding: 0 30px 40px 30px; }
.performance .wrapper .content .horText p { font-weight: 700; font-size: 48px; color: #333333; }
@media screen and (max-width: 550px) { .performance .wrapper .content .horText p { font-size: 36px; } }
.performance .wrapper .content .horText p span { font-weight: 400; }
@media screen and (max-width: 900px) { .performance .wrapper .content .horText { display: block; } }
.performance .wrapper .content .marginVertText { width: 10%; height: 100%; }
@media screen and (max-width: 1030px) { .performance .wrapper .content .marginVertText { width: 4%; } }
@media screen and (max-width: 900px) { .performance .wrapper .content .marginVertText { display: none; } }
.performance .wrapper .content .servicesList { width: calc(40% - 50px); margin: 0 50px 0 0; padding: 40px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
@media screen and (min-width: 901px) { .performance .wrapper .content .servicesList { min-height: 700px; } }
@media screen and (max-width: 1030px) { .performance .wrapper .content .servicesList { width: calc(40% - 20px); margin: 0 20px 0 0; } }
@media screen and (max-width: 900px) { .performance .wrapper .content .servicesList { width: calc(50% - 15px); padding: 0; margin: 0; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
@media screen and (max-width: 650px) { .performance .wrapper .content .servicesList { width: 60%; } }
@media screen and (max-width: 550px) { .performance .wrapper .content .servicesList { width: 100%; } }
.performance .wrapper .content .servicesList a { padding: 25px 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-decoration: none; border: 7px solid rgba(0, 0, 0, 0); -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
@media screen and (max-width: 1050px) { .performance .wrapper .content .servicesList a { padding: 15px 25px; } }
.performance .wrapper .content .servicesList a h4 { color: #72b0c5; font-weight: 600; font-size: 30px; }
@media screen and (max-width: 1200px) { .performance .wrapper .content .servicesList a h4 { font-size: 24px; } }
.performance .wrapper .content .servicesList a p { color: #333333; font-weight: 400; font-size: 14px; opacity: 0.6; margin: 0; display: block; overflow: hidden; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; max-height: 0px; }
@media screen and (max-width: 900px) { .performance .wrapper .content .servicesList a p { max-height: 200px; } }
.performance .wrapper .content .servicesList a:hover { border-radius: 15px; border: 7px solid #dcebf0; background-color: white; }
.performance .wrapper .content .servicesList a:hover p { max-height: 200px; margin: 15px 0 0 0; }

.work { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.work .wrapper { width: 1450px; padding: 80px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1470px) { .work .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 800px) { .work .wrapper { padding: 50px 30px; } }
.work .wrapper h2 { color: #333333; font-size: 65px; margin: 0 0 80px 0; }
@media screen and (max-width: 1025px) { .work .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.work .wrapper .work_content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
.work .wrapper .work_content .tapes { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 32.333%; padding: 0 30px 0 0; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .tapes { width: 100%; padding: 0; } }
.work .wrapper .work_content .tapes .tape { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 0 40px 0; }
.work .wrapper .work_content .tapes .tape .number { font-size: 85px; color: #ffe183; line-height: 72px; font-weight: 800; min-width: 70px; }
.work .wrapper .work_content .tapes .tape .text h3 { color: #333333; font-size: 18px; font-weight: 700; }
.work .wrapper .work_content .tapes .tape .text p { color: #333333; font-size: 14px; font-weight: 400; margin: 15px 0 0 0; }
.work .wrapper .work_content .more { background-color: #f9f9f9; padding: 30px 40px; width: 32.333%; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .more { width: 100%; margin: 0 0 20px 0; } }
.work .wrapper .work_content .more h3 { color: #333333; font-weight: 700; margin: 0 0 30px 0; font-size: 24px; }
.work .wrapper .work_content .more ul li { list-style-type: none; font-size: 16px; color: #333333; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.work .wrapper .work_content .more ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }
.work .wrapper .work_content .result { background-color: #f9f9f9; padding: 30px 40px; width: 32.333%; }
@media screen and (max-width: 1025px) { .work .wrapper .work_content .result { width: 100%; } }
.work .wrapper .work_content .result h3 { color: #333333; font-weight: 700; margin: 0 0 30px 0; font-size: 24px; }
.work .wrapper .work_content .result ul li { list-style-type: none; font-size: 16px; color: #333333; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; }
.work .wrapper .work_content .result ul li:before { content: "—"; display: block; margin: 0 5px 0 0; }

.we-help { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #f9f9f9; }
.we-help .wrapper { width: 1450px; padding: 80px 0; }
@media screen and (max-width: 1470px) { .we-help .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 800px) { .we-help .wrapper { padding: 50px 30px; } }
.we-help .wrapper h2 { color: #333333; font-size: 65px; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .we-help .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.we-help .wrapper .help_cards { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 650px) { .we-help .wrapper .help_cards { -ms-flex-wrap: nowrap; flex-wrap: nowrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } }
@media screen and (min-width: 651px) and (max-width: 1025px) { .we-help .wrapper .help_cards { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } }
.we-help .wrapper .help_cards .help_card { width: calc(33.333% - 10px); margin: 0 0 10px 0; border-radius: 25px; background-color: white; border: 5px solid #dcebf0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 30px; }
@media screen and (max-width: 650px) { .we-help .wrapper .help_cards .help_card { width: 100%; border-radius: 15px; padding: 13px; border: 2px solid #d7e0e4; } }
@media screen and (min-width: 651px) and (max-width: 1025px) { .we-help .wrapper .help_cards .help_card { width: calc(50% - 5px); } }
.we-help .wrapper .help_cards .help_card p { color: #333333; font-size: 14px; margin: 0; }
.we-help .wrapper p { font-size: 16px; color: #333333; margin: 30px 0 0 0; }
.we-help .wrapper p span { color: #72b0c5; font-size: 16px; text-decoration: underline; }

.package { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.package .wrapper { width: 1450px; padding: 80px 0; }
@media screen and (max-width: 1470px) { .package .wrapper { width: 100%; padding: 80px 30px; } }
@media screen and (max-width: 800px) { .package .wrapper { padding: 50px 30px; } }
.package .wrapper h2 { color: #333333; font-size: 65px; width: 70%; }
@media screen and (max-width: 1025px) { .package .wrapper h2 { width: 100%; font-size: 36px; } }
.package .wrapper .packages { margin: 70px 0 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; height: auto; }
@media screen and (max-width: 1025px) { .package .wrapper .packages { margin: 50px 0 0 0; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } }
.package .wrapper .packages .first { margin: 0 10px 0 0; width: calc(33.333% - 10px); height: auto; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; width: 100%; } }
.package .wrapper .packages .first .eco { border: 5px solid #dcebf0; border-radius: 20px; padding: 40px; margin: 0 0 0 0; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .eco { margin: 0 0 20px 0; } }
@media screen and (max-width: 800px) { .package .wrapper .packages .first .eco { padding: 30px; } }
.package .wrapper .packages .first .eco h3 { color: #333333; font-weight: 800; font-size: 36px; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .eco h3 { font-size: 24px; } }
.package .wrapper .packages .first .eco ul li { list-style-type: none; font-size: 16px; color: #333333; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 22px; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .eco ul li { font-size: 14px; } }
.package .wrapper .packages .first .eco ul li:before { display: block; content: "—"; margin: 0 5px 0 0; }
.package .wrapper .packages .first .eco p { font-size: 36px; color: #333333; font-weight: 700; margin: 40px 0 0 0; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .eco p { font-size: 24px; } }
.package .wrapper .packages .first .eco p span { font-size: 24px; color: #333333; font-weight: 700; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .eco p span { font-size: 16px; } }
.package .wrapper .packages .first .my { border: 5px solid #d7e0e4; border-radius: 20px; padding: 40px; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .my { margin: 0 0 20px 0; } }
.package .wrapper .packages .first .my h3 { color: #333333; font-weight: 800; font-size: 36px; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .first .my h3 { font-size: 24px; } }
.package .wrapper .packages .busy { border: 5px solid #dcebf0; background-color: #dcebf0; padding: 40px; margin: 0 10px 0 0; width: calc(33.333% - 10px); border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; height: full-content; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .busy { width: 100%; margin: 0 0 20px 0; } }
@media screen and (max-width: 800px) { .package .wrapper .packages .busy { padding: 30px; } }
.package .wrapper .packages .busy .desc h3 { color: #333333; font-weight: 800; font-size: 36px; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .busy .desc h3 { font-size: 24px; } }
.package .wrapper .packages .busy .desc ul li { list-style-type: none; font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; color: #333333; line-height: 22px; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .busy .desc ul li { font-size: 14px; } }
.package .wrapper .packages .busy .desc ul li:before { display: block; content: "—"; margin: 0 5px 0 0; }
.package .wrapper .packages .busy p { font-size: 36px; color: #333333; font-weight: 700; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .busy p { font-size: 24px; margin: 40px 0 0 0; } }
.package .wrapper .packages .busy p span { font-size: 24px; color: #333333; font-weight: 700; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .busy p span { font-size: 16px; } }
.package .wrapper .packages .komlex { border: 5px solid #72b0c5; background-color: #72b0c5; padding: 40px; border-radius: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 33.333%; height: full-content; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .komlex { width: 100%; } }
@media screen and (max-width: 800px) { .package .wrapper .packages .komlex { padding: 30px; } }
.package .wrapper .packages .komlex .desc h3 { color: white; font-weight: 800; font-size: 36px; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .komlex .desc h3 { font-size: 24px; } }
.package .wrapper .packages .komlex .desc ul li { list-style-type: none; font-size: 16px; color: white; display: -webkit-box; display: -ms-flexbox; display: flex; line-height: 22px; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .komlex .desc ul li { font-size: 14px; } }
.package .wrapper .packages .komlex .desc ul li:before { display: block; content: "—"; margin: 0 5px 0 0; }
.package .wrapper .packages .komlex p { font-size: 36px; color: white; font-weight: 700; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .komlex p { font-size: 24px; margin: 40px 0 0 0; } }
.package .wrapper .packages .komlex p span { font-size: 24px; color: white; font-weight: 700; }
@media screen and (max-width: 1025px) { .package .wrapper .packages .komlex p span { font-size: 16px; } }