main { zoom: 1 }

/*header*/
.header-black a.logo { filter: brightness(0); }
.header-black .nav ul li>a { color: var(--black); }
.header-black .nav-toggler .toggler-icon { background: var(--black); }

/*work*/
.page-section { position: relative; display: flex; align-items: center; }
.page-home { padding-top: calc(4vw + 40px) }
.page-wrapper { max-width: 1200px; width: 100%; margin: 0 auto; display: flex; justify-content: center; position: relative; }
.worklist { max-width: 1800px; min-height: 100vh; width: 100%; margin: 0 auto; padding: 10vw 4vw; }
.worklist .grid-item { padding-bottom: 75%; }
.worklist .grid-image { padding-bottom: 75%; }
.worklist .grid-image .grid-inner { position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.worklist .grid-image .grid-inner>img { object-fit: cover; width: 100%; height: 100%; }
.grid-worklist { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-column-gap: 40px; grid-row-gap: 60px; grid-auto-rows: min-content; }
.grid-worklist .grid-item { position: relative; height: 0; }
.grid-worklist .grid-item .grid-image { width: 100%; position: relative; overflow: hidden; margin: 0; line-height: 0; }
.grid-worklist .grid-item .portfolio-overlay { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: opacity ease 200ms; z-index: 9; background-color: hsla(267.18, 98.84%, 66.27%, 1); }
.grid-worklist .grid-item .portfolio-text { opacity: 0; position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: auto; display: flex; align-content: center; justify-content: center; flex-direction: column; padding: 7%; text-align: center; z-index: 100; transition: opacity ease 200ms; }
.grid-worklist .grid-item .portfolio-text .portfolio-title { line-height: 1.3em; color: var(--white); }
.grid-worklist .grid-item .portfolio-text .portfolio-title span { display: block; font-size: 16px; }
@media screen and (min-width:992px) {
	.grid-worklist a.grid-item:first-child, .grid-worklist a.grid-item:nth-child(6), .grid-worklist a.grid-item:nth-child(11) { grid-column: 1 / 3 !important }
}
.grid-worklist .grid-item:hover .portfolio-overlay { opacity: .85; }
.grid-worklist .grid-item:hover .portfolio-text { opacity: 1; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.grid-worklist .grid-item .portfolio-text .portfolio-title { font-size: calc((2.0 - 1)* 1.2vw + 1rem); }
}

.sk-wrapper { width: 100%; padding-top: calc(10vmax / 10); padding-bottom: calc(10vmax / 10); }
.blog-work-title { text-align: left; align-items: flex-start; margin-bottom: 0 !important; }
.blog-work-title h1.entry-title { font-weight: 700; color: var(--black) }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.blog-work-title h1.entry-title { font-size: calc((2.8 - 1)* 1.2vw + 1rem) !important; }
}
.sk-sticky-wrapper { display: grid; grid-template-columns: 35% auto; width: 100%; }
.sk-sticky-wrapper .sk-col { grid-row-start: 1; }
.sk-sticky-wrapper .sk-col + .sk-col { display: flex; flex-wrap: wrap; }
.sk-sticky-wrapper .sk-col .sk-content { position: sticky !important; top: 0; width: 100% !important; height: 100vh; padding: 0 !important; display: flex; align-items: center; transition: 250ms ease; color: var(--black); }
.sk-sticky-wrapper .sk-col .sk-content .sk-content-info { display: flex; justify-content: center; box-sizing: content-box; position: relative; z-index: 0; max-width: 100%; width: 100%; margin: 0 auto; }
.sk-sticky-wrapper .sk-col .sk-content-tips { word-wrap: break-word; color: hsl(267.18, 98.84%, 66.27%); }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sk-sticky-wrapper .sk-col .sk-content-tips { font-size: calc((.9 - 1)* 1.2vw + 1rem); }
}
.sk-sticky-wrapper .sk-col:first-child .fluid-engine { --container-width: min(var(--sqs-site-max-width, 1500px), calc(35vw - var(--sqs-site-gutter, 4vw)* 2 - var(--inset-padding))); }
.sk-sticky-wrapper .sk-col .sk-gallery { width: 100%; }
.sk-sticky-wrapper .sk-col .sk-gallery-masonry { max-width: 100%; padding: 4vw; }
.sk-article-info { overflow: hidden; max-width: 100% }
.sk-article-info .sk-info { line-height: 1.8; font-size: calc((1 - 1)* 1.2vw + 1rem); }
.sk-article-info .sk-info p { text-indent: 0; line-height: 32px; color: #000 }
.sk-article-info .sk-info p span { text-decoration-color: hsl(267.18, 98.84%, 66.27%) !important; }
.sk-article-info .sk-info img { max-width: 100%; vertical-align: top }
.sk-article-info .sk-info a { color: rgb(161 84 254) }
.sk-article-info .sk-info a:hover { text-decoration: underline }
.sk-article-info .sk-info strong, .sk-article-info .sk-info th { font-weight: bold }
.sk-article-info video { width: 100%; max-width: 100%; min-height: 600px; object-fit: cover; }
.sk-article-info .sk-info figure { margin: 30px 0 0; }
.sk-article-info .sk-info figure:first-child { margin: 0; }
.sk-article-info .sk-info figure .gallery-masonry-item-wrapper { position: relative; display: block; width: 100%; min-height: 1px; }
.sk-article-info .sk-info ul.list-paddingleft-2{
	padding-inline-start: 40px;
}
@media (max-width:767px) {
	.sk-sticky-wrapper { display: block; }
	.sk-sticky-wrapper .sk-col .sk-content { height: auto; }
	.sk-article-info video { min-height: auto }
}
.sk-info-gird { grid-template-columns: repeat(2, 1fr); grid-column-gap: 5vw; grid-row-gap: 5vw; width: auto; display: grid; }
.sk-info-gird figure:nth-child(2) { margin: 0; }

/*services*/
.services { display: flex; justify-content: center; max-width: 100%; width: 100%; position: relative; margin: 0 auto; padding-top: 10vmax; padding-bottom: 10vmax; }
.fluid-engine .sqs-block { position: relative; display: flex; height: 100%; width: 100%; flex-direction: column; padding-top: 0; padding-bottom: 0; clear: none; }
.sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { outline: none; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqs-block-html .sqs-block-content h4 { font-size: calc((1.2 - 1)* 1.2vw + 1rem); line-height: 1.2; color: var(--black); }
}
.sqs-block-html .sqs-block-content h4 span { border-bottom: 2px solid hsla(267.18, 98.84%, 66.27%, 1); }
.sqs-block-image .design-layout-fluid { width: 100%; height: 100%; }
.image-block-outer-wrapper.animation-disabled, .image-block-outer-wrapper.animation-loaded { transform: translatez(0); }
.sqs-block-image .design-layout-fluid.image-position-left .sqs-image { display: flex; justify-content: flex-start; width: 100%; height: 100%; min-height: 1px; }
.sqs-block-image .design-layout-fluid img { width: 100%; height: 100%; position: absolute; display: block; }
.sqs-block-image .design-layout-fluid.image-position-center .sqs-image { display: flex; justify-content: center; width: 100%; height: 100%; }
.sqs-block-image .design-layout-fluid .fluid-image-container .content-fill { display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; }
.sqs-block-image .design-layout-fluid .fluid-image-container .content-fill img { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.video-player { font-family: Clarkson, Arial, sans-serif; height: 100%; position: relative; padding-top: 56.25%; padding-bottom: 100% !important; }
.video-player .plyr { bottom: 0; left: 0; min-width: auto; position: absolute; right: 0; top: 0; background-color: transparent; overflow: hidden; }
.video-player .plyr video { display: block; height: 100%; width: 100%; -o-object-fit: contain; object-fit: cover; }
.sqs-block-accordion .accordion-items-container { margin: 0; padding: 0; list-style-type: none; border-top: 1px solid var(--black) }
.sqs-block-accordion .accordion-li { padding: 0; margin: 0; position: relative; border-bottom: 1px solid var(--black) }

.accordion-li dl { flex: 0 0 100% !important; max-width: 100% !important; padding-right: 0 !important; color: var(--black) }
.accordion-li dl + dl { margin-top: 1px }
.accordion-li dl dt { display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 30px 0; background: rgba(255, 255, 255, .1) ; font-size:20px;}
.accordion-li dl dt span.accordion-cross { position: relative; display: block; width: 24px; height: 24px; display: flex; justify-content: center; align-items: center; }
.accordion-li dl dt span.accordion-cross::before, .accordion-li dl dt span.accordion-cross::after { content: ""; display: block; width: 100%; height: 1px; background-color: var(--black); transition: transform .2s; position: absolute; }
.accordion-li dl dt span.accordion-cross::after { transform: rotate(90deg); }
.accordion-li dl.accordion-opened dt span.accordion-cross::after { transform: rotate(0deg); }
.accordion-li dl dd { position: relative; height: 0; margin-top: 0; padding: 0; overflow: hidden; transition: all .6s }
.accordion-li dl dd .accordion-info { min-width: 70%; max-width: 300px; padding-top: 1rem; padding-bottom: calc(1rem + 30px); font-size: 1rem; -webkit-tap-highlight-color: var(--black) }
.accordion-li dl dd .accordion-info  { line-height:250%; }

/*clients*/
.clients { display: flex; justify-content: center; position: relative; max-width: 100%; width: 100%; margin: 0 auto; padding-top: 6.6vmax; padding-bottom: 4vw; }
.clients .sqs-block-html .sqs-block-content h4 .sqsrte-text-color--accent { color: hsl(267.18, 98.84%, 66.27%); }
.clients .sqs-block-html .sqs-block-content h4 span { border-bottom: none; }
.clients .sqs-block-html .sqs-block-content h2 { margin-top: 2rem; color: var(--black); }
.gallery { display: flex; justify-content: center; box-sizing: content-box; position: relative; z-index: 0; max-width: 980px; width: 100%; margin: 0 auto; color: hsla(0, 0%, 0%, 1); }
.gallery .gallery-grid { max-width: 1800px; width: 100%; padding: 4vw; margin-left: auto; margin-right: auto; }
.gallery-grid--layout-grid .gallery-grid-wrapper { position: relative; display: grid; width: 100%; }
.gallery-grid--layout-grid .gallery-grid-wrapper figure { margin: 0; }
.gallery .gallery-grid .gallery-grid-item-wrapper { position: relative; padding-bottom: 100%; min-height: 1px; }
.gallery-grid-item img { position: absolute; display: block; left: 0; top: 0; width: 100%; height: 100%; }

/*article*/
.blog-side-by-side { width: 100%; padding: 4vw; text-align: left; }
.blog-side-by-side .blog-excerpt { color: var(--black); }
.blog-side-by-side .blog-item { width: 100%; position: relative; display: block; margin-bottom: 30px }
/*.blog-side-by-side .blog-item { width: 100%; position: relative; display: block; margin-bottom: 30px; opacity: 0; transform: translatey(-15px); transition: opacity 1s ease, transform 1s ease; }
.blog-side-by-side .blog-item.is-loaded { opacity: 1; transform: translatey(0); }*/
.blog-side-by-side .blog-image-wrapper { margin-left: 9%; order: 1; margin-right: 0; order: 1; margin-right: 0; }
.blog-side-by-side .image-wrapper { margin: 0; height: 0; overflow: hidden; position: relative; display: flex; padding-bottom: 66.666%; }
.blog-side-by-side .image-wrapper img { transition: .2s; }
.blog-side-by-side .blog-item-text { display: flex; flex-direction: column; width: 100%; margin-left: 0; margin-right: auto; }
.blog-side-by-side .blog-meta-section { display: none; }
.blog-side-by-side .blog-title { margin: 0; order: 1; margin-bottom: 30px; color: var(--black) }
.blog-side-by-side .blog-excerpt { order: 2; display: block; }
.blog-side-by-side .blog-more-link { display: inline-block; margin-top: 20px; order: 4; align-self: flex-start; color: hsl(267.18, 98.84%, 66.27%); }
@media screen and (min-width:768px) {
	.blog-side-by-side .blog-item { display: flex; align-items: center; }
	.blog-side-by-side .blog-image-wrapper { width: 48%; margin-bottom: 0; }
	.blog-side-by-side .blog-item-summary { width: calc(100% - 48% - 9%); }
}
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.blog-side-by-side .blog-title { font-size: 32px; }
	.blog-side-by-side .blog-excerpt, .blog-side-by-side .blog-more-link { font-size: 14px; }
}
@media screen and (max-width:767px) {
	.blog-side-by-side { padding-left: 6vw; padding-right: 6vw; }
	.blog-side-by-side .blog-image-wrapper { margin-left: 0; margin-bottom: 5vw; }
	.blog-side-by-side .blog-title { line-height: 1.3em; font-size: calc((2 - 1)* calc(.012* min(100vh, 900px)) + 1rem); }
}

.blog-item-wrapper { width: 100%; box-sizing: border-box; margin: 0 auto; padding: 4vw; }
.blog-item-wrapper .blog-item-inner-wrapper { max-width: 1800px; box-sizing: border-box; margin: 0 auto; position: relative; }
.blog-item-wrapper .blog-item-top-wrapper { margin-bottom: 38px; display: flex; flex-direction: column; text-align: center; }
.blog-item-wrapper .blog-item-title { order: 2; }
.blog-item-wrapper .blog-item-title h1.entry-title { line-height: 1.3em;text-transform: capitalize; color: var(--black); }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.blog-item-wrapper .blog-item-title h1.entry-title { font-size: calc((3.6 - 1)* 1.2vw + 1rem); }
}
.blog-item-wrapper .blog-item-content { margin: 0 0 3vw 0; }
.blog-meta-item .blog-item-category-wrapper:not(:last-child)::after, .blog-meta-item .blog-item-tag-wrapper:not(:last-child)::after { content: " "; }
.blog-meta-item .blog-item-category-wrapper:not(:last-child)::after, .blog-meta-item .blog-item-tag-wrapper:not(:last-child)::after { padding: 0 .5em; }
.blog-item-wrapper .blog-meta-item span, .blog-item-wrapper .blog-meta-item a, .blog-item-wrapper .blog-meta-item { font-family: 'Helvetica Now Regular' !important; font-size: 14px; }
@media screen and (min-width:768px) {
	.blog-item-wrapper .blog-meta-item--tags { margin: 30px 0; text-decoration: none; color: var(--black); }
}
.item-pagination { display: flex; padding: 3vw 4vw 3vw; background-color: #fff; }
.item-pagination-link { text-align: left; display: flex; align-items: center; max-width: 50%; width: auto; }
.item-pagination-link--prev { margin-left: 0; margin-right: auto; }
.item-pagination-link--next { text-align: right; margin-left: auto; margin-right: 0; }
.item-pagination .icon { position: relative; display: block; width: 25px; height: 25px; box-sizing: content-box; line-height: 1; }
.item-pagination-link .item-pagination-icon { width: 18px; height: 32px; padding-right: 25px; }
.item-pagination-link .item-pagination-icon svg { width: 18px; height: 32px; stroke: var(--black); }
.item-pagination-link--next .item-pagination-icon { padding-right: 0; padding-left: 25px; }
.visually-hidden { position: absolute !important; clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }
.item-pagination-link .item-pagination-title { margin: 0; padding: 0; line-height: 1; color: var(--black); }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.item-pagination-link .item-pagination-title { font-size: calc((2.2 - 1)* 1.2vw + 1rem); }
}

@keyframes fadeInUpmini {
	0% { opacity: 0; transform: translate3d(0, 15px, 0) }
	to { opacity: 1; transform: none }
}
.fadeInUpmini { animation-name: fadeInUpmini }

/*about*/
.page-about { min-height: 66vh; }
.section-border { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--black); }
.section-border .section-background { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; pointer-events: none; }
.section-border .section-background { -webkit-transform: translate3d(0, 0, 0); will-change: transform; }
:not(.has-background) .section-background { background-color: var(--black); }
.section-background img { position: relative; object-fit: cover; width: 100%; height: 100%; }
.section-background-overlay { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--black); }
.page-conter { position: sticky !important; top: -50vh; bottom: auto; z-index: -1; color: hsla(0, 0%, 100%, 1); min-height: 100vh; }
.page-conter::before { content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: var(--white); }
.about-wrapper { display: flex; justify-content: center; max-width: 100%; width: 100%; padding-top: 10vmax; padding-bottom: 10vmax; box-sizing: content-box; position: relative; z-index: 0; margin: 0 auto; }
.about-block { position: relative; height: auto; padding-top: 17px; padding-bottom: 17px; justify-content: flex-start; color: #000; }
.about-block-html { clear: none; border-color: hsla(0, 0%, 100%, 1); }
.fluid-engine .about-block { display: flex; height: 100%; width: 100%; flex-direction: column; padding-top: 0; padding-bottom: 0; }
.about-block-html .about-block-content, .about-block-html .about-html-content { outline: none; }
.about-block-html .about-html-content h2 { margin: 2rem 0; color: hsla(267.18, 98.84%, 66.27%, 1); line-height: calc(1.3em*(1 +(1 - 2.8) / 25)); }
.about-block-html .about-html-content h2 strong { position: relative; display: inline-block; }
.about-block-html .about-html-content h2 strong::after { content: ""; display: block; position: absolute; left: -4px; top: 15px; z-index: -1; width: 105%; height: 47px; background: url(../images/about-1.svg) no-repeat; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: none; }
.about-block-html .about-html-content h2.title-2 strong::after { height: 100%; top: 0; background: url(../images/about-2.svg) no-repeat; background-size: cover; }
.about-block-html .about-html-content h2.title-3 strong::after { top: 18px; background: url(../images/about-3.svg) no-repeat; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.about-block-html .about-html-content h2 { font-size: calc((2.1 - 1)* 1.2vw + 1rem); }
}
.about-block-html .about-block-content>*:first-child, .about-block-html .about-html-content>*:first-child { margin-top: 0; }
.about-block-html .about-html-content p { line-height: 1.3em; font-size: calc(clamp(0px, calc((1 - 1)* 1.2vmax + 1rem), calc(1* 1rem))* 1.31) !important; }
.about-block-html .about-html-content p span.sqsrte-text-highlight { position: relative; display: inline-block; }
.about-block-html .about-html-content p span.sqsrte-text-highlight::after { content: ""; display: block; position: absolute; left: -4px; top: 2px; z-index: -1; width: 105%; height: 26px; background: url(../images/about-1-1.svg) no-repeat; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: none; }
.about-block-html .about-html-content p span.sqsrte-text-highlight.span-2::after { top: -2px; background: url(../images/about-1-2.svg) no-repeat; background-size: cover; }
.about-block-html .about-html-content p span.sqsrte-text-highlight.span-3::after { top: -2px; background: url(../images/about-1-3.svg) no-repeat; }

/*footer*/
footer { width: 100%; padding-left: 4vw; padding-right: 4vw; font-size: 14px; font-size: calc((.9 - 1)* 1.2vw + 1rem); color: var(--white); background: hsla(267.18, 98.84%, 66.27%, 1); }
footer.page-section { height: auto; }
footer.page-footer { position: relative; z-index: 1; min-height: 100vh; height: 100vh; padding: 0; flex-direction: column; }
.footer { flex: 1; display: flex; align-items: center; }
.foothref { display: flex; justify-content: center; max-width: 100%; margin: 0 auto; padding-top: 10vmax; padding-bottom: 10vmax; }
.fluid-engine .sqs-block { position: relative; display: flex; height: 100%; width: 100%; flex-direction: column; padding-top: 0; padding-bottom: 0 }
.sqs-block-html { clear: none; }
.sqs-block-html .sqs-block-content, .sqs-block-html .sqs-html-content { outline: none; }
.sqs-block-html .sqs-block-content *:not(h1):not(h2):not(h3), .sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) { word-wrap: break-word; }
@media screen and (min-width:1944px) {
	.sqs-block-html .sqs-block-content h2 { font-size: calc(2.8 * 1rem); }
}
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqs-block-html .sqs-block-content h2 { line-height: 1.4; font-size: calc((2.1 - 1)* 1.2vw + 1rem); }
}
@media screen and (max-width:767px) and (orientation:portrait) {
	.sqs-block-html .sqs-block-content h2 { font-size: calc((2.8 - 1)* calc(.012* min(100vh, 900px)) + 1rem); }
}
.sqs-block-html .sqs-block-content h2 span { position: relative; display: inline-block; }
.sqs-block-html .sqs-block-content h2 span::after { content: ""; display: block; position: absolute; left: -4px; top: -2px; z-index: 1; width: 110%; height: 150px; background: url(../images/hx.svg) no-repeat; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: none; }

.footer-contact { display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; padding: 0 2.004em; font-size: calc(clamp(0px, calc((1.2 - 1)* 1.2vmax + 1rem), calc(1.2* 1rem))* 1.37) !important; color: var(--white); border: 2px solid var(--white); border-radius: 45px; overflow: hidden; transition: 250ms ease; background: hsla(267.18, 98.84%, 66.27%, 1); }
.footer-contact:hover { color: var(--black); background: var(--sk-color-211); border-color: var(--sk-color-211); box-sizing: border-box; font-size: calc(clamp(0px, calc((1 - 1)* 1.2vmax + 1rem), calc(1.2* 1rem))* 1.51) !important; }
.sqs-block-form * { -webkit-tap-highlight-color: transparent; }
.form-wrapper, .form-wrapper .form-inner-wrapper { display: grid; grid-template-areas: "form"; }
.form-wrapper .field-list { line-height: normal; }
.form-wrapper .field-list fieldset, .form-wrapper .field-list legend { margin: 0; padding: 0; border: 0; }
.form-wrapper .field-list .fields { margin: 0 0 0 -2%; }
.sqs-block-form .field-list .title, .sqs-block-form .form-submission-text { color: var(--white); }
.form-wrapper .field-list .fields .title, .form-wrapper .field-list .fields .description, .form-wrapper .field-list .fields .field, .form-wrapper .field-list .fields .field-error { margin-left: 2%; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqs-block-form .field-list .title { font-size: calc((1.2 - 1)* 1.2vw + 1rem) !important; }
}

.contact { display: flex; justify-content: center; max-width: 100%; margin: 0 auto; padding-top: 8vmax; }
.sqs-block-html .sqs-block-content1, .sqs-block-html .sqs-html-content { outline: none; }
.sqs-block-html .sqs-block-content1 *:not(h1):not(h2):not(h3), .sqs-block-html .sqs-html-content *:not(h1):not(h2):not(h3) { word-wrap: break-word; }
@media screen and (min-width:1944px) {
	.sqs-block-html .sqs-block-content1 h2 { font-size: calc(2.8 * 1rem); }
}
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqs-block-html .sqs-block-content1 h2 { line-height: 1.4; font-size: calc((2.1 - 1)* 1.2vw + 1rem); }
}
@media screen and (max-width:767px) and (orientation:portrait) {
	.sqs-block-html .sqs-block-content1 h2 { font-size: calc((2.8 - 1)* calc(.012* min(100vh, 900px)) + 1rem); }
}
.sqs-block-html .sqs-block-content1 h2 span { position: relative; display: inline-block; color: hsla(267.18, 98.84%, 66.27%, 1); }
.sqs-block-html .sqs-block-content1 h2 span::after { content: ""; display: block; position: absolute; left: -3%; top: 0; z-index: -1; width: 106%; height: 100%; background: var(--sk-color-211) !important; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: none; }
.sqsrte-large, .sqsrte-small { margin: 1rem 0; line-height: 1.2em; }
.sqsrte-small { color: hsla(0, 0%, 100%, 1); }
.sqs-block-html .sqs-block-content>*:first-child, .sqs-block-html .sqs-html-content>*:first-child { margin-top: 0; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqsrte-small { font-size: calc((1.2 - 1)* 1.2vw + 1rem); }
}
.sqsrte-small a { color: hsla(0, 0%, 100%, 1); text-decoration: underline; }
.form-wrapper .field-list .field { position: relative; margin: 0 0 24px; }
.form-wrapper .field-list .fields .field { float: left; }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) { display: grid; align-content: flex-start; align-items: flex-start; grid-auto-flow: row; grid-template-columns: min-content auto; grid-template-rows: auto; }
.form-wrapper .field-list .fields.name .field { width: 48%; }
#siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field { padding: 0; }
.form-wrapper .field-list .field .caption { font-size: 12px; }
.sqs-block-form .field-list .field:not(.checkbox, .radio, .likert) > * { grid-column: 1 / span 2; }
.sqs-block-form .field-list .caption, .sqs-block-form .field-list .caption > * { display: block; height: auto; word-break: break-word; }
.form-wrapper .field-list .field .field-element { width: 100%; padding: 12px; margin: 6px 0 4px; border: 1px solid #ccc; background: #fafafa; color: #000; font-family: sans-serif; font-size: 12px; line-height: normal; box-sizing: border-box; border-radius: 2px; }
#siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field input[type="text"], #siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field input[type="email"], #siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field textarea { border: 0; border-bottom: 1px solid; padding: 1.6rem 0 0.8rem !important; background: none; color: inherit; border-radius: 0px; transition: 0.15s background-color cubic-bezier(0.33, 1, 0.68, 1); }
.form-field-shape-square.form-field-border-all .sqs-block-form .form-item input:not([type="checkbox"]):not([type="radio"]), .form-field-shape-square.form-field-border-all .sqs-block-form .form-item textarea, .form-field-shape-square.form-field-border-all .sqs-block-form .form-item .file-display, .form-field-shape-square.form-field-border-all .sqs-block-form .form-item select { border: solid 1px #A9A9A9; border-radius: 0; box-shadow: 0 0 0 1px transparent; }
#siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .form-button-wrapper .button { padding-top: 1em !important; padding-bottom: 1em !important; padding-left: 3.004em; padding-right: 3.004em; color: var(--sk-color-ce2); border-radius: 100px !important; background: var(--sk-color-211) !important; line-height: normal; border: 0; font-size: 1rem }
#siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .form-button-wrapper .button:hover { opacity: .8 }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.sqs-block-form .field-list input, .sqs-block-form .field-list textarea, .sqs-block-form .field-list .form-input-prefix { font-size: calc((.9 - 1)* 1.2vw + 1rem) !important; }
}
.copyright { padding-left: 4vw; padding-right: 4vw; background: hsla(267.18, 98.84%, 66.27%, 1); }

@media (max-width:767px) {
	.form-wrapper .field-list .field { margin: 0 0 10px; }
	#siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field input[type="text"], #siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field input[type="email"], #siteWrapper #block-yui_3_17_2_1_1692145684890_27098 .field textarea { padding: 1rem 0 0.2rem !important; }
	footer.page-footer.page-footer-contact{ height: auto }
}


/*contact*/
.page-contact { width: 100%; padding-left: 4vw; padding-right: 4vw; font-size: 14px; font-size: calc((.9 - 1)* 1.2vw + 1rem); color: var(--white); background: var(--white); }
.page-contact { position: relative; min-height: 100vh; height: 100vh; padding: 0; flex-direction: column; }
.page-contact, .page-contact .sqsrte-small, .page-contact .sqs-block-form .field-list .title, .page-contact .sqs-block-form .form-submission-text { color: #000 !important; }
.page-contact .sqs-block-html .sqs-block-content1 h2 { color: hsla(267.18, 98.84%, 66.27%, 1) !important; }
.page-contact .sqs-block-html .sqs-block-content1 h2 span::after { content: initial; }
.page-contact .sqsrte-large span { position: relative; display: inline-block; color: #fff; }
.page-contact .sqsrte-large span::after { content: ""; display: block; position: absolute; left: -3%; top: 0; z-index: -1; width: 106%; height: 100%; background: hsla(267.18, 98.84%, 66.27%, 1) !important; pointer-events: none; user-select: none; -webkit-user-select: none; opacity: 1; visibility: visible; transition: opacity .25s ease-out, visibility .25s ease-out; mix-blend-mode: none; }
@media screen and (min-width:768px), screen and (max-width:calc(1943px)) and (orientation:landscape) {
	.page-contact .sqsrte-large { font-size: calc((1.1 - 1)* 1.2vw + 1rem); }
}
#siteWrapper .page-contact #block-yui_3_17_2_1_1692145684890_27098 .form-button-wrapper .button { background: hsla(267.18, 98.84%, 66.27%, 1) !important; color: #fff }

/*article*/
.content { padding-top: 50px; padding-bottom: 50px }
.article { position: relative; width: 100% }
.article-tit { padding-bottom: 30px; border-bottom: 1px solid #e0e0e0; text-align: center }
.article-tit h1 { padding: 20px 0; font-weight: 700; font-size: 36px; line-height: 46px; color: #242728; word-wrap: break-word; word-break: break-all }
.article-tit .profile { font-size: calc(12px + 4 * 100vw / 1920); color: #7b7b7b; line-height: 24px }
.article-tit .profile span + span { margin-left: 24px }
.article-tit .profile span i { margin-right: 5px; font-style: normal }
.article-info { overflow: hidden; max-width: 60%; margin: 0 auto }
.article-info .info { line-height: 1.8; font-size: calc(12px + 4 * 100vw / 1920) }
.article-info .info p { text-indent: 0; line-height: 32px; color: #000 }
.article-info .info img { max-width: 100%; vertical-align: top }
.article-info .info a { color: rgb(161 84 254) }
.article-info .info a:hover { text-decoration: underline }
.article-info .info strong, .article-info .info th { font-weight: bold }
.article-info video { width: 100%; max-width: 100% }
.fanye { margin-bottom: 10px; padding: 10px 0; line-height: 32px; border-top: 1px solid #e0e0e0 }
.fanye strong { color: rgb(161 84 254); font-weight: normal }

@media (max-width:767px) {
	.article-info { overflow: hidden; max-width: 100%; margin: 0 auto }
}

/*pages*/
.pagebar { margin-top: 40px; padding: 10px 0 }
.pagebar .pagination { display: flex; justify-content: center }
.pagebar .pagination li { min-width: 44px; height: 44px; line-height: 44px; margin: 0 6px }
.pagebar .pagination li a { display: block; width: 100%; height: 100%; text-align: center; color: rgba(170, 170, 170, 1); font-size: calc(12px + 6 * 100vw / 1920); background-color: rgb(248, 249, 250); border-radius: 2px; box-sizing: border-box; text-decoration: none; transition: all .3s ease-out 0s }
.pagebar .pagination li.page-size a { font-size: 24px }
.pagebar .pagination li.active a, .pagebar .pagination li a:hover { color: #fff; background: linear-gradient(90deg, #1c87c8, #12a392) }
.pageno { margin-top: 30px; padding: 20px 0; text-align: center; font-size: calc(12px + 4 * 100vw / 1920); color: #999 }

/*grid*/
@media (max-width:1440px) {

}
@media (max-width:1280px) {

}
@media (max-width:1024px) {
	/*header*/
	.overflow .header-black a.logo { filter: brightness(100); }
	.overflow .header-black .nav ul li>a { color: var(--white); }
	.overflow .header-black .nav-toggler .toggler-icon { background: var(--white); }
}
@media (max-width:768px) {
	.page-home { padding-top: calc(6vw + 40px); }

	/*work*/
	.grid-worklist { padding-left: 6vw; padding-right: 6vw; }
}
@media (max-width:576px) {
	/*work*/
	.grid-worklist { grid-template-columns: repeat(1, minmax(0, 1fr)); }

	/*pages*/
	.pagebar { margin-top: 20px }
	.pagebar .pagination { justify-content: center }
	.pagebar .page-num { display: none }
}