@charset "UTF-8";
.header { background-image: url(../media/bg1-target.png); }
@media screen and (min-width: 850px) and (max-width: 1025px) { .header { background-image: url(../media/bg-mobile-target.png); } }
@media screen and (min-width: 750px) and (max-width: 849px) { .header { background-image: url(../media/bg-mobile-target.png); } }
@media screen and (min-width: 660px) and (max-width: 749px) { .header { background-image: url(../media/bg-mobile-target.png); } }
@media screen and (min-width: 570px) and (max-width: 659px) { .header { background-image: url(../media/bg-mobile-target.png); } }
@media screen and (min-width: 500px) and (max-width: 569px) { .header { background-image: url(../media/bg-mobile-target.png); } }
@media screen and (min-width: 200px) and (max-width: 499px) { .header { background-image: url(../media/bg-mobile-target.png); } }

.services { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.services .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) { .services .wrapper { padding: 80px 30px; width: 100%; } }
@media screen and (max-width: 800px) { .services .wrapper { padding: 50px 30px; } }
.services .wrapper h2 { color: #333333; font-size: 65px; font-weight: 800; margin: 0 0 40px 0; }
@media screen and (max-width: 1025px) { .services .wrapper h2 { font-size: 36px; margin: 0 0 25px 0; } }
.services .wrapper .all_services { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-height: 800px; -ms-flex-wrap: wrap; flex-wrap: wrap; }
@media screen and (max-width: 1025px) { .services .wrapper .all_services { max-height: 100%; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
  .services .wrapper .all_services .service:last-child { margin: 0 !important; } }
.services .wrapper .all_services .service { display: -webkit-box; display: -ms-flexbox; display: flex; width: 50%; padding: 0 100px 0 0; height: 200px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
@media screen and (max-width: 1025px) { .services .wrapper .all_services .service { height: auto; padding: 0; width: 100%; margin: 0 0 60px 0; } }
.services .wrapper .all_services .service .h { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; }
.services .wrapper .all_services .service .h .number { font-size: 85px; line-height: 72px; color: #333333; font-weight: 800; display: -webkit-box; display: -ms-flexbox; display: flex; min-width: 70px !important; }
.services .wrapper .all_services .service .h .text h3 { color: #72b0c5; font-size: 18px; font-weight: 700; }
.services .wrapper .all_services .service .h .text p { color: #333333; font-size: 14px; font-weight: 400; margin: 15px 0 10px 0; }
.services .wrapper .all_services .service .h .text a { color: #72b0c5; text-decoration: none; }
.services .wrapper .all_services .service .h .text ul li { display: -webkit-box; display: -ms-flexbox; display: flex; list-style-type: none; font-size: 14px; }
.services .wrapper .all_services .service .h .text ul li:before { display: block; content: "—"; margin: 0 5px 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 #d7e0e4; 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: 15px; } }
@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 a { color: #89a6b3; 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; } }