#start-resizable-editor-section {
display: none
}
.wp-block-audio {
margin: 0 0 1em
}
.wp-block-audio figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-audio audio {
width: 100%;
min-width: 300px
}
.p05-manufacture{
padding-bottom: 100px;
}
.wp-block-button__link {
color: #fff;
background-color: #32373c;
border-radius: 9999px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 1.125em;
padding: calc(.667em + 2px) calc(1.333em + 2px);
text-align: center;
text-decoration: none;
overflow-wrap: break-word;
box-sizing: border-box
}
.wp-block-button__link:active,.wp-block-button__link:focus,.wp-block-button__link:hover,.wp-block-button__link:visited {
color: #fff
}
.wp-block-button__link.aligncenter {
text-align: center
}
.wp-block-button__link.alignright {
text-align: right
}
.wp-block-buttons>.wp-block-button.has-custom-width {
max-width: none
}
.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link {
width: 100%
}
.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link {
font-size: inherit
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: calc(100% - .5em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100:only-child {
margin-right: 0;
width: 100%
}
@supports (column-gap:.5em) {
.wp-block-buttons.is-content-justification-right>.wp-block-button.wp-block-button,.wp-block-buttons>.wp-block-button.wp-block-button {
margin-right: 0;
margin-left: 0
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-25 {
width: calc(25% - .375em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - .25em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - .125em)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: auto;
flex-basis: 100%
}
}
.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius {
border-radius: 0!important
}
.is-style-outline>.wp-block-button__link,.wp-block-button__link.is-style-outline {
border: 2px solid;
padding: .667em 1.333em
}
.is-style-outline>.wp-block-button__link:not(.has-text-color),.wp-block-button__link.is-style-outline:not(.has-text-color) {
color: currentColor
}
.is-style-outline>.wp-block-button__link:not(.has-background),.wp-block-button__link.is-style-outline:not(.has-background) {
background-color: transparent
}
.wp-block-buttons {
display: flex;
flex-direction: row;
flex-wrap: wrap;
column-gap: .5em
}
.wp-block-buttons.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button {
margin-right: 0
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin-left: 0;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-buttons>.wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.is-content-justification-left {
justify-content: flex-start
}
.wp-block-buttons.is-content-justification-left.is-vertical {
align-items: flex-start
}
.wp-block-buttons.is-content-justification-center {
justify-content: center
}
.wp-block-buttons.is-content-justification-center.is-vertical {
align-items: center
}
.wp-block-buttons.is-content-justification-right {
justify-content: flex-end
}
.wp-block-buttons.is-content-justification-right>.wp-block-button {
margin-left: .5em;
margin-right: 0
}
.wp-block-buttons.is-content-justification-right>.wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.is-content-justification-right.is-vertical {
align-items: flex-end
}
.wp-block-buttons.is-content-justification-space-between {
justify-content: space-between
}
.wp-block-buttons.aligncenter {
text-align: center
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: .5em
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: .5em
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter {
margin-left: auto;
margin-right: auto;
margin-bottom: .5em;
width: 100%
}
.wp-block-button.aligncenter,.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,.wp-block-calendar th {
padding: .25em;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar table caption,.wp-block-calendar table tbody {
color: #40464d
}
.wp-block-categories.alignleft {
margin-right: 2em
}
.wp-block-categories.alignright {
margin-left: 2em
}
.wp-block-code code {
display: block;
white-space: pre-wrap;
overflow-wrap: break-word
}
.wp-block-columns {
display: flex;
margin-bottom: 1.75em;
box-sizing: border-box;
flex-wrap: wrap
}
@media (min-width:782px) {
.wp-block-columns {
flex-wrap: nowrap
}
}
.wp-block-columns.has-background {
padding: 1.25em 2.375em
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width:599px) {
.wp-block-column {
flex-basis: 100%!important
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-column:not(:only-child) {
flex-basis: calc(50% - 1em)!important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 2em
}
}
@media (min-width:782px) {
.wp-block-column {
flex-basis: 0%;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 2em
}
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
align-self: center
}
.wp-block-column.is-vertically-aligned-bottom {
align-self: flex-end
}
.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top {
width: 100%
}
.wp-block-cover,.wp-block-cover-image {
position: relative;
background-size: cover;
background-position: 50%;
min-height: 430px;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 1em;
box-sizing: border-box
}
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: fixed
}
@supports (-webkit-overflow-scrolling:touch) {
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
@media (prefers-reduced-motion:reduce) {
.wp-block-cover-image.has-parallax,.wp-block-cover.has-parallax {
background-attachment: scroll
}
}
.wp-block-cover-image.is-repeated,.wp-block-cover.is-repeated {
background-repeat: repeat;
background-size: auto
}
.wp-block-cover-image.has-background-dim:not([class*=-background-color]),.wp-block-cover.has-background-dim:not([class*=-background-color]) {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1;
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-10:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-20:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-30:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-40:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-50:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-60:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-70:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-80:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-90:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover-image.has-background-dim.has-background-dim-100:not(.has-background-gradient):before,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
max-width: 420px;
width: 100%
}
.wp-block-cover-image:after,.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports (position:sticky) {
.wp-block-cover-image:after,.wp-block-cover:after {
content: none
}
}
.wp-block-cover-image.aligncenter,.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.aligncenter,.wp-block-cover.alignleft,.wp-block-cover.alignright {
display: flex
}
.wp-block-cover-image .wp-block-cover__inner-container,.wp-block-cover .wp-block-cover__inner-container {
width: 100%;
z-index: 1;
color: #fff
}
.wp-block-cover-image h1:not(.has-text-color),.wp-block-cover-image h2:not(.has-text-color),.wp-block-cover-image h3:not(.has-text-color),.wp-block-cover-image h4:not(.has-text-color),.wp-block-cover-image h5:not(.has-text-color),.wp-block-cover-image h6:not(.has-text-color),.wp-block-cover-image p:not(.has-text-color),.wp-block-cover h1:not(.has-text-color),.wp-block-cover h2:not(.has-text-color),.wp-block-cover h3:not(.has-text-color),.wp-block-cover h4:not(.has-text-color),.wp-block-cover h5:not(.has-text-color),.wp-block-cover h6:not(.has-text-color),.wp-block-cover p:not(.has-text-color) {
color: inherit
}
.wp-block-cover-image.is-position-top-left,.wp-block-cover.is-position-top-left {
align-items: flex-start;
justify-content: flex-start
}
.wp-block-cover-image.is-position-top-center,.wp-block-cover.is-position-top-center {
align-items: flex-start;
justify-content: center
}
.wp-block-cover-image.is-position-top-right,.wp-block-cover.is-position-top-right {
align-items: flex-start;
justify-content: flex-end
}
.wp-block-cover-image.is-position-center-left,.wp-block-cover.is-position-center-left {
align-items: center;
justify-content: flex-start
}
.wp-block-cover-image.is-position-center-center,.wp-block-cover.is-position-center-center {
align-items: center;
justify-content: center
}
.wp-block-cover-image.is-position-center-right,.wp-block-cover.is-position-center-right {
align-items: center;
justify-content: flex-end
}
.wp-block-cover-image.is-position-bottom-left,.wp-block-cover.is-position-bottom-left {
align-items: flex-end;
justify-content: flex-start
}
.wp-block-cover-image.is-position-bottom-center,.wp-block-cover.is-position-bottom-center {
align-items: flex-end;
justify-content: center
}
.wp-block-cover-image.is-position-bottom-right,.wp-block-cover.is-position-bottom-right {
align-items: flex-end;
justify-content: flex-end
}
.wp-block-cover-image.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container,.wp-block-cover.has-custom-content-position.has-custom-content-position .wp-block-cover__inner-container {
margin: 0;
width: auto
}
.wp-block-cover-image img.wp-block-cover__image-background,.wp-block-cover-image video.wp-block-cover__video-background,.wp-block-cover img.wp-block-cover__image-background,.wp-block-cover video.wp-block-cover__video-background {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-width: none;
max-height: none;
-o-object-fit: cover;
object-fit: cover;
outline: none;
border: none;
box-shadow: none
}
.wp-block-cover__image-background,.wp-block-cover__video-background {
z-index: 0
}
.wp-block-cover-image-text,.wp-block-cover-image-text a,.wp-block-cover-image-text a:active,.wp-block-cover-image-text a:focus,.wp-block-cover-image-text a:hover,.wp-block-cover-text,.wp-block-cover-text a,.wp-block-cover-text a:active,.wp-block-cover-text a:focus,.wp-block-cover-text a:hover,section.wp-block-cover-image h2,section.wp-block-cover-image h2 a,section.wp-block-cover-image h2 a:active,section.wp-block-cover-image h2 a:focus,section.wp-block-cover-image h2 a:hover {
color: #fff
}
.wp-block-cover-image .wp-block-cover.has-left-content {
justify-content: flex-start
}
.wp-block-cover-image .wp-block-cover.has-right-content {
justify-content: flex-end
}
.wp-block-cover-image.has-left-content .wp-block-cover-image-text,.wp-block-cover.has-left-content .wp-block-cover-text,section.wp-block-cover-image.has-left-content>h2 {
margin-left: 0;
text-align: left
}
.wp-block-cover-image.has-right-content .wp-block-cover-image-text,.wp-block-cover.has-right-content .wp-block-cover-text,section.wp-block-cover-image.has-right-content>h2 {
margin-right: 0;
text-align: right
}
.wp-block-cover-image .wp-block-cover-image-text,.wp-block-cover .wp-block-cover-text,section.wp-block-cover-image>h2 {
font-size: 2em;
line-height: 1.25;
z-index: 1;
margin-bottom: 0;
max-width: 840px;
padding: .44em;
text-align: center
}
.wp-block-embed.alignleft,.wp-block-embed.alignright,.wp-block[data-align=left]>[data-type="core/embed"],.wp-block[data-align=right]>[data-type="core/embed"] {
max-width: 360px;
width: 100%
}
.wp-block-embed.alignleft .wp-block-embed__wrapper,.wp-block-embed.alignright .wp-block-embed__wrapper,.wp-block[data-align=left]>[data-type="core/embed"] .wp-block-embed__wrapper,.wp-block[data-align=right]>[data-type="core/embed"] .wp-block-embed__wrapper {
min-width: 280px
}
.wp-block-cover .wp-block-embed {
min-width: 320px;
min-height: 240px
}
.wp-block-embed {
margin: 0 0 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-16 .wp-block-embed__wrapper:before {
padding-top: 177.77%
}
.wp-embed-responsive .wp-embed-aspect-1-2 .wp-block-embed__wrapper:before {
padding-top: 200%
}
.wp-block-file {
margin-bottom: 1.5em
}
.wp-block-file.aligncenter {
text-align: center
}
.wp-block-file.alignright {
text-align: right
}
.wp-block-file .wp-block-file__embed {
margin-bottom: 1em
}
.wp-block-file .wp-block-file__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: .8em;
padding: .5em 1em
}
.wp-block-file a.wp-block-file__button {
text-decoration: none
}
.wp-block-file a.wp-block-file__button:active,.wp-block-file a.wp-block-file__button:focus,.wp-block-file a.wp-block-file__button:hover,.wp-block-file a.wp-block-file__button:visited {
box-shadow: none;
color: #fff;
opacity: .85;
text-decoration: none
}
.wp-block-file *+.wp-block-file__button {
margin-left: .75em
}
.blocks-gallery-grid,.wp-block-gallery {
display: flex;
flex-wrap: wrap;
list-style-type: none;
padding: 0;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {
margin: 0 1em 1em 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative;
align-self: flex-start;
width: calc(50% - 1em)
}
.blocks-gallery-grid .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports (position:sticky) {
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
display: flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports (position:sticky) {
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
width: auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 3em .77em .7em;
color: #fff;
text-align: center;
font-size: .8em;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent);
box-sizing: border-box;
margin: 0
}
.blocks-gallery-grid .blocks-gallery-image figcaption img,.blocks-gallery-grid .blocks-gallery-item figcaption img,.wp-block-gallery .blocks-gallery-image figcaption img,.wp-block-gallery .blocks-gallery-item figcaption img {
display: inline
}
.blocks-gallery-grid figcaption,.wp-block-gallery figcaption {
flex-grow: 1
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image,.blocks-gallery-grid.is-cropped .blocks-gallery-item,.wp-block-gallery.is-cropped .blocks-gallery-image,.wp-block-gallery.is-cropped .blocks-gallery-item {
align-self: inherit
}
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports (position:sticky) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
height: 100%;
flex: 1;
-o-object-fit: cover;
object-fit: cover
}
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width:600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item {
width: calc(33.33333% - .66667em);
margin-right: 1em
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - .75em);
margin-right: 1em
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - .8em);
margin-right: 1em
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - .83333em);
margin-right: 1em
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - .85714em);
margin-right: 1em
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - .875em);
margin-right: 1em
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright {
max-width: 420px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
padding: 1.25em 2.375em
}
.wp-block-image {
margin: 0 0 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image:not(.is-style-rounded) img {
border-radius: inherit
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright {
display: table
}
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption {
display: table-caption;
caption-side: bottom
}
.wp-block-image .alignleft {
float: left;
margin: .5em 1em .5em 0
}
.wp-block-image .alignright {
float: right;
margin: .5em 0 .5em 1em
}
.wp-block-image .aligncenter {
margin-left: auto;
margin-right: auto
}
.wp-block-image figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-image.is-style-circle-mask img,.wp-block-image.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none) {
.wp-block-image.is-style-circle-mask img {
-webkit-mask-image: url('data:image/svg+xml;utf8,');
mask-image: url('data:image/svg+xml;utf8,');
mask-mode: alpha;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-size: contain;
mask-size: contain;
-webkit-mask-position: center;
mask-position: center;
border-radius: 0
}
}
.wp-block-image figure {
margin: 0
}
ol.wp-block-latest-comments {
margin-left: 0
}
.wp-block-latest-comments .wp-block-latest-comments {
padding-left: 0
}
.wp-block-latest-comments__comment {
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 2.25em;
list-style: none
}
.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-excerpt,.has-avatars .wp-block-latest-comments__comment .wp-block-latest-comments__comment-meta {
margin-left: 3.25em
}
.has-dates .wp-block-latest-comments__comment,.has-excerpts .wp-block-latest-comments__comment {
line-height: 1.5
}
.wp-block-latest-comments__comment-excerpt p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-latest-comments__comment-date {
display: block;
font-size: .75em
}
.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-latest-posts.alignleft {
margin-right: 2em
}
.wp-block-latest-posts.alignright {
margin-left: 2em
}
.wp-block-latest-posts.wp-block-latest-posts__list {
list-style: none;
padding-left: 0
}
.wp-block-latest-posts.wp-block-latest-posts__list li {
clear: both
}
.wp-block-latest-posts.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0
}
.wp-block-latest-posts.is-grid li {
margin: 0 1.25em 1.25em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-latest-posts.columns-2 li {
width: calc(50% - .625em)
}
.wp-block-latest-posts.columns-2 li:nth-child(2n) {
margin-right: 0
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - .83333em)
}
.wp-block-latest-posts.columns-3 li:nth-child(3n) {
margin-right: 0
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - .9375em)
}
.wp-block-latest-posts.columns-4 li:nth-child(4n) {
margin-right: 0
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-latest-posts.columns-5 li:nth-child(5n) {
margin-right: 0
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-latest-posts.columns-6 li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-latest-posts__post-excerpt {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-latest-posts__featured-image a {
display: inline-block
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto;
max-width: 100%
}
.wp-block-latest-posts__featured-image.alignleft {
margin-right: 1em
}
.wp-block-latest-posts__featured-image.alignright {
margin-left: 1em
}
.wp-block-latest-posts__featured-image.aligncenter {
margin-bottom: 1em;
text-align: center
}
.block-editor-image-alignment-control__row .components-base-control__field {
display: flex;
justify-content: space-between;
align-items: center
}
.block-editor-image-alignment-control__row .components-base-control__field .components-base-control__label {
margin-bottom: 0
}
ol.has-background,ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: grid;
grid-template-columns: 50% 1fr;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
grid-template-columns: 1fr 50%
}
.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-top .wp-block-media-text__media {
align-self: start
}
.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-center .wp-block-media-text__media,.wp-block-media-text .wp-block-media-text__content,.wp-block-media-text .wp-block-media-text__media {
align-self: center
}
.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__content,.wp-block-media-text.is-vertically-aligned-bottom .wp-block-media-text__media {
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
grid-column: 2;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
grid-column: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text__media img,.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media>a {
display: block;
height: 100%
}
.wp-block-media-text.is-image-fill .wp-block-media-text__media img {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
@media (max-width:600px) {
.wp-block-media-text.is-stacked-on-mobile {
grid-template-columns: 100%!important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
grid-column: 1;
grid-row: 2
}
}
.wp-block-navigation {
position: relative
}
.wp-block-navigation ul,.wp-block-navigation ul li {
list-style: none;
padding: 0
}
.wp-block-navigation .wp-block-navigation-link,.wp-block-navigation .wp-block-pages-list__item {
display: flex;
align-items: center;
position: relative
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__container:empty,.wp-block-navigation .wp-block-pages-list__item .wp-block-navigation-link__container:empty {
display: none
}
.wp-block-navigation .wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item__link {
color: inherit;
display: block
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__container,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-navigation-link__content:focus,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:active,.wp-block-navigation[style*=text-decoration] .wp-block-pages-list__item__link:focus {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-navigation-link__content:focus,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-pages-list__item__link:focus {
text-decoration: none
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-page-list__submenu-icon {
height: inherit
}
.wp-block-navigation .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .wp-block-page-list__submenu-icon svg {
stroke: currentColor
}
.wp-block-navigation .wp-block-navigation-link .wp-block-navigation-link__content.wp-block-navigation-link__content.wp-block-navigation-link__content,.wp-block-navigation .wp-block-pages-list__item .wp-block-pages-list__item__link {
padding: 0
}
.wp-block-navigation .has-child>.wp-block-navigation-link__content,.wp-block-navigation .has-child>.wp-block-pages-list__item__link {
margin-right: .5em
}
.wp-block-navigation .has-child .submenu-container,.wp-block-navigation .has-child .wp-block-navigation-link__container {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
flex-direction: column;
align-items: normal;
min-width: 200px;
display: none;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-pages-list__item__link,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__content,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-pages-list__item__link {
flex-grow: 1
}
.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .submenu-container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-navigation-link>.wp-block-page-list__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-navigation-link__submenu-icon,.wp-block-navigation .has-child .wp-block-navigation-link__container>.wp-block-pages-list__item>.wp-block-page-list__submenu-icon {
padding-right: .5em
}
@media (min-width:782px) {
.wp-block-navigation .has-child .submenu-container .submenu-container:before,.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container:before,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .submenu-container .wp-block-page-list__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__submenu-icon svg,.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-page-list__submenu-icon svg {
transform: rotate(-90deg)
}
}
.wp-block-navigation .has-child:hover>.wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1
}
.wp-block-navigation .has-child:focus-within>.wp-block-navigation-link__container {
display: flex;
visibility: visible;
opacity: 1
}
.wp-block-navigation .has-child:hover {
cursor: pointer
}
.wp-block-navigation .has-child:hover>.submenu-container {
display: flex;
visibility: visible;
opacity: 1
}
.wp-block-navigation .has-child:focus-within {
cursor: pointer
}
.wp-block-navigation .has-child:focus-within>.submenu-container {
display: flex;
visibility: visible;
opacity: 1
}
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container {
left: auto;
right: 0
}
.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.submenu-container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-right>.wp-block-navigation__container .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.submenu-container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.items-justified-space-between>.wp-block-navigation__container>.has-child:last-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
left: auto;
right: 100%
}
.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .wp-block-page-list,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item {
margin: 0 2em 0 0
}
.wp-block-navigation.wp-block-navigation .wp-block-navigation__container>.wp-block-navigation-link:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list:last-child,.wp-block-navigation.wp-block-navigation .wp-block-page-list>.wp-block-pages-list__item:last-child {
margin-right: 0
}
.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container>.wp-block-navigation-link,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list>.wp-block-pages-list__item {
margin: 0 .5em 0 0
}
.wp-block-navigation.wp-block-navigation.has-background .wp-block-navigation__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation.has-background .wp-block-page-list .wp-block-pages-list__item__link {
padding: .5em 1em
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container {
left: -1em;
top: 100%
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item {
margin: 0
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-pages-list__item__link,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__content,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-pages-list__item__link {
padding: .5em 1em
}
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
left: -1px
}
@media (min-width:782px) {
.wp-block-navigation.wp-block-navigation .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
left: 100%;
top: -1px
}
}
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container {
left: 0;
top: 100%
}
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
left: 0
}
@media (min-width:782px) {
.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .submenu-container .wp-block-navigation-link__container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .submenu-container,.wp-block-navigation.wp-block-navigation.has-background .has-child .wp-block-navigation-link__container .wp-block-navigation-link__container {
left: 100%;
top: 0
}
}
.wp-block-navigation:not(.has-background) .submenu-container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-navigation-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0,0,0,.15)
}
.wp-block-navigation__container {
align-items: center;
list-style: none;
margin: 0;
padding-left: 0
}
.wp-block-navigation__container .is-responsive {
display: none
}
@media (min-width:600px) {
.wp-block-navigation__container {
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block;
flex-direction: column;
align-items: flex-start
}
}
.items-justified-center .wp-block-navigation__container {
justify-content: center
}
.items-justified-right .wp-block-navigation__container {
justify-content: flex-end
}
.items-justified-space-between .wp-block-navigation__container {
justify-content: space-between
}
.is-vertical.items-justified-center>ul {
align-items: center
}
.is-vertical.items-justified-right>ul {
align-items: flex-end
}
.is-vertical.items-justified-right>ul .wp-block-navigation-link,.is-vertical.items-justified-right>ul .wp-block-pages-list__item {
margin-right: 0;
justify-content: flex-end
}
.wp-block-navigation__responsive-container {
display: none;
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 1;
align-items: flex-start;
justify-content: flex-start
}
.wp-block-navigation__responsive-container.is-menu-open {
display: flex;
flex-direction: column;
overflow: auto;
z-index: 100000;
padding: 24px;
background-color: inherit
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
display: flex;
flex-direction: column;
margin-left: auto;
margin-right: auto;
align-items: flex-start;
line-height: 48px;
padding: 0
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container .wp-block-page-list {
flex-direction: column
}
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link .wp-block-navigation-link__container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item,.wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item .submenu-container {
background: transparent!important
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container:not(.is-menu-open) {
display: flex;
flex-direction: row;
position: relative;
background-color: inherit
}
.wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__responsive-container-close {
display: none
}
.wp-block-navigation__responsive-container.is-menu-open .submenu-container.submenu-container.submenu-container.submenu-container,.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container.wp-block-navigation-link__container {
left: 0
}
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
background-color: #fff;
color: #000
}
.wp-block-navigation__responsive-container-close,.wp-block-navigation__responsive-container-open {
vertical-align: middle;
cursor: pointer;
color: currentColor;
background: transparent;
border: none;
margin: 0;
padding: 0
}
.wp-block-navigation__responsive-container-close svg,.wp-block-navigation__responsive-container-open svg {
fill: currentColor;
pointer-events: none;
display: block;
width: 24px;
height: 24px
}
.wp-block-navigation__responsive-container-open {
display: flex
}
@media (min-width:600px) {
.wp-block-navigation__responsive-container-open {
display: none
}
}
.items-justified-left .wp-block-navigation__responsive-container-open {
margin-left: 0;
margin-right: auto
}
.items-justified-center .wp-block-navigation__responsive-container-open {
margin-left: auto;
margin-right: auto
}
.items-justified-right .wp-block-navigation__responsive-container-open {
margin-left: auto;
margin-right: 0
}
.wp-block-navigation__responsive-container-close {
position: absolute;
top: 24px;
right: 24px;
z-index: 2
}
.wp-block-navigation__responsive-close {
width: 100%
}
.is-menu-open .wp-block-navigation__responsive-close,.is-menu-open .wp-block-navigation__responsive-container-content,.is-menu-open .wp-block-navigation__responsive-dialog {
width: 100%;
height: 100%
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link__submenu-icon,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-page-list__submenu-icon {
display: none
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .submenu-container,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .has-child .wp-block-navigation-link__container {
position: relative;
opacity: 1;
visibility: visible;
padding: 0 0 0 32px;
border: none
}
.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-link,.wp-block-navigation .wp-block-navigation__responsive-container.is-menu-open .wp-block-pages-list__item {
flex-direction: column;
align-items: flex-start
}
html.has-modal-open {
overflow: hidden
}
.wp-block-navigation .wp-block-navigation-link__label {
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation .wp-block-home-link__content {
color: inherit;
display: block;
padding: .5em 1em
}
.wp-block-navigation[style*=text-decoration] .wp-block-home-link,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:active,.wp-block-navigation[style*=text-decoration] .wp-block-home-link__content:focus {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:active,.wp-block-navigation:not([style*=text-decoration]) .wp-block-home-link__content:focus {
text-decoration: none
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container {
background-color: #fff;
color: #000;
border: 1px solid rgba(0,0,0,.15)
}
.wp-block-navigation:not(.has-background) .wp-block-navigation__container .wp-block-home-link__container .wp-block-home-link__container {
top: -1px
}
.wp-block-navigation .wp-block-page-list {
display: flex;
flex-wrap: wrap;
background-color: inherit
}
.wp-block-navigation .wp-block-pages-list__item {
background-color: inherit
}
.wp-block-navigation .wp-block-page-list__submenu-icon {
display: none
}
.is-open .wp-block-navigation__container .wp-block-page-list,.is-vertical .wp-block-navigation__container .wp-block-page-list,.wp-block-navigation .show-submenu-icons .wp-block-page-list__submenu-icon {
display: block
}
@media (min-width:480px) {
.is-open .wp-block-navigation__container .wp-block-page-list {
display: flex
}
}
.items-justified-space-between .wp-block-page-list {
display: contents
}
.is-small-text {
font-size: .875em
}
.is-regular-text {
font-size: 1em
}
.is-large-text {
font-size: 2.25em
}
.is-larger-text {
font-size: 3em
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-drop-cap.has-background {
overflow: hidden
}
p.has-background {
padding: 1.25em 2.375em
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 1em
}
.wp-block-post-author__bio {
margin-bottom: .7em;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0%
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-post-comments .commentlist {
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .commentlist .comment {
min-height: 2.25em;
padding-left: 3.25em
}
.wp-block-post-comments .commentlist .comment p {
font-size: .875em;
line-height: 1.8;
margin: .36em 0 1.4em
}
.wp-block-post-comments .commentlist .children {
list-style: none;
margin: 0;
padding: 0
}
.wp-block-post-comments .comment-author {
line-height: 1.5;
margin-left: -3.25em
}
.wp-block-post-comments .comment-author .avatar {
border-radius: 1.5em;
display: block;
float: left;
height: 2.5em;
margin-right: .75em;
width: 2.5em
}
.wp-block-post-comments .comment-author cite {
font-style: normal
}
.wp-block-post-comments .comment-meta {
line-height: 1.5;
margin-left: -3.25em
}
.wp-block-post-comments .comment-body .commentmetadata {
font-size: .75em
}
.wp-block-post-comments .comment-form-author label,.wp-block-post-comments .comment-form-comment label,.wp-block-post-comments .comment-form-email label,.wp-block-post-comments .comment-form-url label {
display: block
}
.wp-block-post-comments .comment-form-comment textarea {
box-sizing: border-box;
width: 100%
}
.wp-block-post-comments .reply {
font-size: .75em;
margin-bottom: 1.4em
}
.wp-block-post-comments input,.wp-block-post-comments textarea {
border: 1px solid #949494
}
.wp-block-post-comments-form input[type=submit] {
border: none;
box-shadow: none;
cursor: pointer;
display: inline-block;
text-align: center;
overflow-wrap: break-word
}
.wp-block-post-excerpt__more-link,.wp-block-post-title a {
display: inline-block
}
.wp-block-preformatted {
white-space: pre-wrap
}
.wp-block-preformatted.has-background {
padding: 1.25em 2.375em
}
.wp-block-pullquote {
margin: 0 0 1em;
padding: 3em 0;
text-align: center
}
.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright {
max-width: 420px
}
.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p {
font-size: 1.25em
}
.wp-block-pullquote p {
font-size: 1.75em;
line-height: 1.6
}
.wp-block-pullquote cite,.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 2em
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-post-template,.wp-block-query-loop {
max-width: 100%;
list-style: none;
padding: 0
}
.wp-block-post-template li,.wp-block-query-loop li {
clear: both
}
.wp-block-post-template.is-flex-container,.wp-block-query-loop.is-flex-container {
flex-direction: row;
display: flex;
flex-wrap: wrap
}
.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li {
margin: 0 0 1.25em;
width: 100%
}
@media (min-width:600px) {
.wp-block-post-template.is-flex-container li,.wp-block-query-loop.is-flex-container li {
margin-right: 1.25em
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li {
width: calc(50% - .625em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-2>li:nth-child(2n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-2>li:nth-child(2n) {
margin-right: 0
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li {
width: calc(33.33333% - .83333em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-3>li:nth-child(3n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-3>li:nth-child(3n) {
margin-right: 0
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li {
width: calc(25% - .9375em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-4>li:nth-child(4n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-4>li:nth-child(4n) {
margin-right: 0
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li {
width: calc(20% - 1em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-5>li:nth-child(5n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-5>li:nth-child(5n) {
margin-right: 0
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li,.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li {
width: calc(16.66667% - 1.04167em)
}
.wp-block-post-template.is-flex-container.is-flex-container.columns-6>li:nth-child(6n),.wp-block-query-loop.is-flex-container.is-flex-container.columns-6>li:nth-child(6n) {
margin-right: 0
}
}
.wp-block-query-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap
}
.wp-block-query-pagination>.wp-block-query-pagination-next,.wp-block-query-pagination>.wp-block-query-pagination-numbers,.wp-block-query-pagination>.wp-block-query-pagination-previous {
display: inline-block;
margin-right: .5em;
margin-bottom: .5em
}
.wp-block-query-pagination>.wp-block-query-pagination-next:last-child,.wp-block-query-pagination>.wp-block-query-pagination-numbers:last-child,.wp-block-query-pagination>.wp-block-query-pagination-previous:last-child {
margin-right: 0
}
.wp-block-quote.is-large,.wp-block-quote.is-style-large {
margin-bottom: 1em;
padding: 0 1em
}
.wp-block-quote.is-large p,.wp-block-quote.is-style-large p {
font-size: 1.5em;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer {
font-size: 1.125em;
text-align: right
}
.wp-block-rss.wp-block-rss {
box-sizing: border-box
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 1em 1em 0;
width: 100%
}
@media (min-width:600px) {
.wp-block-rss.columns-2 li {
width: calc(50% - 1em)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 1em)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 1em)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 1em)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 1em)
}
}
.wp-block-rss__item-author,.wp-block-rss__item-publish-date {
display: block;
color: #555;
font-size: .8125em
}
.wp-block-search .wp-block-search__button {
background: #f7f7f7;
border: 1px solid #ccc;
padding: .375em .625em;
color: #32373c;
margin-left: .625em;
word-break: normal
}
.wp-block-search .wp-block-search__button.has-icon {
line-height: 0
}
.wp-block-search .wp-block-search__button svg {
min-width: 1.5em;
min-height: 1.5em
}
.wp-block-search .wp-block-search__inside-wrapper {
display: flex;
flex: auto;
flex-wrap: nowrap;
max-width: 100%
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
min-width: 3em;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-only .wp-block-search__button {
margin-left: 0
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper {
padding: 4px;
border: 1px solid #949494
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input {
border-radius: 0;
border: none;
padding: 0 0 0 .25em
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__input:focus {
outline: none
}
.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
padding: .125em .5em
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
margin: auto
}
.wp-block-separator {
border-top: 1px solid;
border-bottom: 1px solid
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none!important;
border: none;
text-align: center;
width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "···";
color: currentColor;
font-size: 1.5em;
letter-spacing: 2em;
padding-left: 2em;
font-family: serif
}
.wp-block-site-logo {
line-height: 0
}
.wp-block-site-logo a {
display: inline-block
}
.wp-block-site-logo.is-default-size img {
width: 120px;
height: auto
}
.wp-block-site-logo .aligncenter {
display: table
}
.wp-block-site-logo.is-style-rounded img {
border-radius: 9999px
}
.wp-block-social-links {
display: flex;
flex-wrap: wrap;
padding-left: 0;
padding-right: 0;
text-indent: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-block-social-links .wp-social-link.wp-social-link.wp-social-link {
margin: 4px 8px 4px 0
}
.wp-block-social-links .wp-social-link a {
padding: .25em
}
.wp-block-social-links .wp-social-link svg {
width: 1em;
height: 1em
}
.wp-block-social-links.has-small-icon-size {
font-size: 16px
}
.wp-block-social-links,.wp-block-social-links.has-normal-icon-size {
font-size: 24px
}
.wp-block-social-links.has-large-icon-size {
font-size: 36px
}
.wp-block-social-links.has-huge-icon-size {
font-size: 48px
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links.alignright {
justify-content: flex-end
}
.wp-block-social-link {
display: block;
border-radius: 9999px;
transition: transform .1s ease;
height: auto
}
@media (prefers-reduced-motion:reduce) {
.wp-block-social-link {
transition-duration: 0s;
transition-delay: 0s
}
}
.wp-block-social-link a {
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-block-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:active,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:hover,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor:visited,.wp-block-social-links .wp-block-social-link .wp-block-social-link-anchor svg {
color: currentColor;
fill: currentColor
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-patreon {
background-color: #ff424d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-telegram {
background-color: #2aabee;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tiktok {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-patreon {
color: #ff424d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-telegram {
color: #2aabee
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tiktok {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
color: #d32422
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: .66667em;
padding-right: .66667em
}
.wp-block-spacer {
clear: both
}
.wp-block-tag-cloud.aligncenter {
text-align: center
}
.wp-block-tag-cloud.alignfull {
padding-left: 1em;
padding-right: 1em
}
.wp-block-table {
margin: 0 0 1em;
overflow-x: auto
}
.wp-block-table table {
border-collapse: collapse;
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-table .has-border-color>*,.wp-block-table .has-border-color td,.wp-block-table .has-border-color th,.wp-block-table .has-border-color tr {
border-color: inherit
}
.wp-block-table table[style*=border-style]>*,.wp-block-table table[style*=border-style] td,.wp-block-table table[style*=border-style] th,.wp-block-table table[style*=border-style] tr {
border-style: inherit
}
.wp-block-table table[style*=border-width]>*,.wp-block-table table[style*=border-width] td,.wp-block-table table[style*=border-width] th,.wp-block-table table[style*=border-width] tr {
border-width: inherit
}
.wp-block-text-columns,.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 1em;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
pre.wp-block-verse {
font-family: inherit;
overflow: auto;
white-space: pre-wrap
}
.wp-block-video {
margin: 0 0 1em
}
.wp-block-video video {
width: 100%
}
@supports (position:sticky) {
.wp-block-video [poster] {
-o-object-fit: cover;
object-fit: cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-post-featured-image {
margin-left: 0;
margin-right: 0
}
.wp-block-post-featured-image a {
display: inline-block
}
.wp-block-post-featured-image img {
max-width: 100%;
height: auto
}
.wp-block-post-featured-image.alignfull img,.wp-block-post-featured-image.alignwide img {
width: 100%
}
:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .has-white-background-color {
background-color: #fff
}
:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .has-black-background-color {
background-color: #000
}
:root .has-pale-pink-color {
color: #f78da7
}
:root .has-vivid-red-color {
color: #cf2e2e
}
:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .has-vivid-purple-color {
color: #9b51e0
}
:root .has-white-color {
color: #fff
}
:root .has-very-light-gray-color {
color: #eee
}
:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .has-very-dark-gray-color {
color: #313131
}
:root .has-black-color {
color: #000
}
:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg,#0693e3,#9b51e0)
}
:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,#00d084,#0693e3)
}
:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg,#7adcb4,#00d082)
}
:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg,#fcb900,#ff6900)
}
:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg,#ff6900,#cf2e2e)
}
:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg,#eee,#a9b8c3)
}
:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}
:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg,#ffceec,#9896f0)
}
:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}
:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}
:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}
:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg,#caf880,#71ce7e)
}
:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg,#fafae1,#67a671)
}
:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg,#fdd79a,#004a59)
}
:root .has-nightshade-gradient-background {
background: linear-gradient(135deg,#330968,#31cdcf)
}
:root .has-midnight-gradient-background {
background: linear-gradient(135deg,#020381,#2874fc)
}
.has-small-font-size {
font-size: .8125em
}
.has-normal-font-size,.has-regular-font-size {
font-size: 1em
}
.has-medium-font-size {
font-size: 1.25em
}
.has-large-font-size {
font-size: 2.25em
}
.has-huge-font-size,.has-larger-font-size {
font-size: 2.625em
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.items-justified-left {
justify-content: flex-start
}
.items-justified-center {
justify-content: center
}
.items-justified-right {
justify-content: flex-end
}
.items-justified-space-between {
justify-content: space-between
}
.screen-reader-text {
border: 0;
clip: rect(1px,1px,1px,1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
word-wrap: normal!important
}
.screen-reader-text:focus {
background-color: #ddd;
clip: auto!important;
-webkit-clip-path: none;
clip-path: none;
color: #444;
display: block;
font-size: 1em;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000
}
div.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
div.wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid red
}
div.wpcf7-mail-sent-ok {
border: 2px solid #398f14
}
div.wpcf7-mail-sent-ng,div.wpcf7-aborted {
border: 2px solid red
}
div.wpcf7-spam-blocked {
border: 2px solid #ffa500
}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {
border: 2px solid #f7e700
}
.wpcf7-form-control-wrap {
position: relative
}
span.wpcf7-not-valid-tip {
color: red;
font-size: 1em;
font-weight: 400;
display: block
}
.use-floating-validation-tip span.wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid red;
background: #fff;
padding: .2em .8em
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em
}
span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after {
content: " "
}
.wpcf7-display-none {
display: none
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(../../../plugins/contact-form-7/images/ajax-loader.gif);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible
}
div.wpcf7 div.ajax-error {
display: none
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 input[type="file"] {
cursor: pointer
}
div.wpcf7 input[type="file"]:disabled {
cursor: default
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-audio figcaption {
color: rgba(255,255,255,.65)
}
.wp-block-code {
font-family: Menlo,Consolas,monaco,monospace;
color: #1e1e1e;
padding: .8em 1em;
border: 1px solid #ddd;
border-radius: 4px
}
.wp-block-embed figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-embed figcaption {
color: rgba(255,255,255,.65)
}
.blocks-gallery-caption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .blocks-gallery-caption {
color: rgba(255,255,255,.65)
}
.wp-block-image figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-image figcaption {
color: rgba(255,255,255,.65)
}
.wp-block-pullquote {
border-top: 4px solid currentColor;
border-bottom: 4px solid currentColor;
margin-bottom: 1.75em;
color: currentColor
}
.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation {
color: currentColor;
text-transform: uppercase;
font-size: .8125em;
font-style: normal
}
.wp-block-quote {
border-left: .25em solid currentColor;
margin: 0 0 1.75em 0;
padding-left: 1em
}
.wp-block-quote cite,.wp-block-quote footer {
color: currentColor;
font-size: .8125em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right {
border-left: none;
border-right: .25em solid currentColor;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-style-large,.wp-block-quote.is-large {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
.wp-block-group.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
.wp-block-separator {
border: none;
border-bottom: 2px solid currentColor;
margin-left: auto;
margin-right: auto;
opacity: .4
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,.wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-table figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-table figcaption {
color: rgba(255,255,255,.65)
}
.wp-block-video figcaption {
color: #555;
font-size: 13px;
text-align: center
}
.is-dark-theme .wp-block-video figcaption {
color: rgba(255,255,255,.65)
}
.wp-block-template-part.has-background {
padding: 1.25em 2.375em;
margin-top: 0;
margin-bottom: 0
}
#end-resizable-editor-section {
display: none
}
fieldset,img {
border: 0
}
address,caption,cite,dfn,em,th,var {
font-style: normal;
font-weight: 400
}
ol,ul {
list-style: none
}
a {
text-decoration: none
}
a:hover {
text-decoration: none
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,select,button {
font: 100% "Roboto Slab Regular",Arial,Helvetica,sans-serif;
vertical-align: baseline;
*vertical-align: middle;
outline: none
}
input[type=checkbox],input[type=radio] {
vertical-align: middle
}
textarea {
overflow: auto;
font: 100% "Roboto Slab Regular",Arial,Helvetica,sans-serif;
resize: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
display: block;
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
audio,canvas,video {
display: inline-block;
*display: inline;
*zoom: 1
}
time,mark {
display: inline
}
mark {
background-color: #ff0;
color: #000
}
audio:not([controls]) {
display: none;
height: 0
}
input[type=text],input[type=reset],input[type=submit],select,button,textarea {
-webkit-appearance: none
}
input::-ms-clear {
display: none!important
}
body .swiper-pagination-bullet {
opacity: 1;
outline: none
}
.clearfix:before,.clearfix:after {
content: "";
display: table;
clear: both
}
.back2top {
cursor: pointer
}
.container,.mml-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 95%;
max-width: 1440px;
margin: 0 auto;
padding: 60px 10px 0px;
}
.banner {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-size: cover;
background-size: cover;
max-height: 960px
}
.ipage {
width: 1920px;
max-width: 100%
}
.wpcf7-submit {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
margin: 0;
padding: 0 20px;
max-width: 100%;
line-height: 40px;
border-color: transparent;
cursor: pointer;
white-space: nowrap;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
overflow: hidden
}
.input-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-top: 10px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.mml-page,.mml-ellipsis {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 20px;
min-width: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center
}
.mml-page {
cursor: pointer
}[class*=slicker-] {
max-height: 0;
overflow: hidden
}[class*=slicker-].slick-initialized {
overflow: unset;
max-height: unset
}
.slick-slide {
outline: none
}
.slick-slide a {
outline: none
}
div .slick-arrow {
position: absolute;
z-index: 1;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 30px;
width: 32px;
height: 32px;
border: 1px solid rgba(95,168,7,.5);
color: rgba(95,168,7,.5);
font-size: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
cursor: pointer;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
div .slick-arrow:hover {
border-color: #5fa807;
color: #5fa807
}
div .slick-arrow.btn-l {
left: 0
}
div .slick-arrow.btn-r {
right: 0
}
.slick-dots {
text-align: center
}
.slick-dots>li {
display: inline-block;
margin: 4px;
width: 8px;
height: 8px;
background-color: #ddd;
-webkit-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
cursor: pointer
}
.slick-dots>li.slick-active {
background-color: #5fa807
}
.slick-dots button {
display: none
}
.text h1 {
font-weight: 600;
font-style: normal;
font-size: 46px;
line-height: 1.2;
color: #fff
}
.text h2 {
font-weight: 600;
font-style: normal;
font-size: 34px;
line-height: 1.2;
color: #6b6b6b;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.text h3 {
font-weight: 600;
font-style: normal;
font-size: 22px;
line-height: 1.2;
color: #6b6b6b;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.text h4 {
font-weight: 600;
font-style: normal;
font-size: 18px;
line-height: 1.2;
color: #6b6b6b;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.text p {
font-weight: 200;
font-style: normal;
font-size: 14px;
line-height: 21px;
color: #999;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.text p a {
color: #5fa807;
text-decoration: underline
}
.text ul li {
font-weight: 200;
font-style: normal;
font-size: 14px;
line-height: 21px;
color: #999
}
@media screen and (max-width:1000px) {
.text h1 {
font-size: 38px
}
.text h2 {
font-size: 30px
}
}
@media screen and (max-width:767px) {
.text h1 {
font-size: 34px
}
.text h2 {
font-size: 26px
}
}
.center {
text-align: center
}
.btn a {
display: inline-block;
font-weight: 600;
font-style: normal;
color: #5fa807;
font-size: 18px;
line-height: 1.2;
background-color: #fff;
-webkit-border-radius: 27px;
border-radius: 27px;
padding: 15px 43px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.link i {
font-size: 14px;
color: #5fa807
}
.link a {
display: inline-block;
font-weight: 600;
font-style: normal;
font-size: 16px;
line-height: 1.2;
color: #5fa807;
border-bottom: 1px solid transparent;
margin: 0 10px
}
.link a:hover {
border-color: #5fa807
}
#current-banner {
height: 320px;
background-image: url(/wp-content/themes/mml-theme/dist/img/common/common-banner-bg.jpg);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
#current-banner .mml-row {
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
#current-banner .title p {
max-width: 570px;
margin: 30px auto 0;
color: #fff
}
@media screen and (max-width:767px) {
#current-banner {
height: auto
}
#current-banner .title {
padding: 80px 0
}
}
#breadcrumbs {
background-color: #fff;
padding-top: 35px
}
#breadcrumbs ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
#breadcrumbs ul li {
font-weight: 400
}
#breadcrumbs ul li i {
margin: 0 10px;
font-size: 12px
}
#breadcrumbs ul li:last-child a,#breadcrumbs ul li:hover a {
color: #5fa807
}
.wpcf7-form {
position: relative
}
.wpcf7-form .form-row {
margin-bottom: 20px
}
.wpcf7-form .form-row.msg {
margin-bottom: 0
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"],.wpcf7-form textarea {
width: 100%;
font-weight: 200;
font-style: normal;
font-size: 16px;
line-height: 21px;
color: #999;
-webkit-box-shadow: none;
box-shadow: none;
padding: 10px 30px;
outline: none;
background-color: #f6f8fb;
border: 1px solid transparent
}
.wpcf7-form input[type="text"]:active,.wpcf7-form input[type="text"]:focus,.wpcf7-form input[type="email"]:active,.wpcf7-form input[type="email"]:focus,.wpcf7-form textarea:active,.wpcf7-form textarea:focus {
background-color: #fff;
border-color: #ecf1f6
}
.wpcf7-form span.wpcf7-form-control-wrap input:-moz-placeholder,.wpcf7-form span.wpcf7-form-control-wrap textarea:-moz-placeholder {
font-weight: 200;
font-style: normal;
font-size: 16px;
color: #999
}
.wpcf7-form span.wpcf7-form-control-wrap input::-moz-placeholder,.wpcf7-form span.wpcf7-form-control-wrap textarea::-moz-placeholder {
font-weight: 200;
font-style: normal;
font-size: 16px;
color: #999
}
.wpcf7-form span.wpcf7-form-control-wrap input:-ms-input-placeholder,.wpcf7-form span.wpcf7-form-control-wrap textarea:-ms-input-placeholder {
font-weight: 200;
font-style: normal;
font-size: 16px;
color: #999
}
.wpcf7-form span.wpcf7-form-control-wrap input::-webkit-input-placeholder,.wpcf7-form span.wpcf7-form-control-wrap textarea::-webkit-input-placeholder {
font-weight: 200;
font-style: normal;
font-size: 16px;
color: #999
}
.wpcf7-form input[type="text"],.wpcf7-form input[type="email"] {
height: 68px;
width: 100%;
-webkit-border-radius: 34px;
border-radius: 34px
}
.wpcf7-form textarea {
width: 100%;
height: 170px;
resize: none;
-webkit-border-radius: 10px;
border-radius: 10px
}
.wpcf7-form input[type="submit"] {
display: inline-block;
font-weight: 500;
font-style: normal;
min-width: 156px;
font-size: 16px;
line-height: 1.2;
color: #fff;
background-color: #5fa807;
border: 2px solid #5fa807;
-webkit-border-radius: 24px;
border-radius: 24px;
-webkit-box-shadow: none;
box-shadow: none;
background-image: none;
text-align: center;
margin-right: 0;
padding: 13px 18px;
outline: none;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease
}
.wpcf7-form input[type="submit"]:hover {
background-color: transparent;
color: #5fa807
}
.wpcf7-form .btn-wrap {
margin-top: 15px;
text-align: center
}
.wpcf7-form .ajax-loader {
position: absolute!important;
margin: 0 auto
}
.wpcf7-form .upload {
position: relative;
margin-top: 20px;
margin-bottom: 5px
}
.wpcf7-form .upload input[type="file"] {
min-height: 68px;
width: 100%;
-webkit-border-radius: 10px;
border-radius: 10px
}
.wpcf7-form .upload .cover {
position: absolute;
top: 0;
left: 0;
z-index: 3;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-align-content: center;
-ms-flex-line-pack: center;
align-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
border: dashed 1px #a6adb7;
padding: 10px;
cursor: pointer
}
.wpcf7-form .upload .up-btn {
font-weight: 200;
font-style: normal;
font-size: 16px;
line-height: 21px;
color: #6b6b6b;
width: 100%;
text-align: center
}
.wpcf7-form .upload .up-btn span {
position: relative;
top: 3px;
color: #5fa807;
font-size: 23px;
line-height: 1;
margin-right: 10px
}
.wpcf7-form .upload .file-name {
width: 100%;
text-align: center;
color: #6b6b6b;
padding-top: 10px
}
div.wpcf7-validation-errors,div.wpcf7-acceptance-missing {
border: 2px solid red
}
.with-bar {
position: relative;
padding-left: 40px
}
.with-bar::before {
position: absolute;
left: 0;
top: 7px;
width: 19px;
height: 28px;
display: block;
content: '';
background-image: url(../images/bar.png);
background-repeat: no-repeat;
background-position: center;
-webkit-background-size: cover;
background-size: cover
}
.product-slicker {
position: relative
}
.product-slicker .arrow-btn {
width: 40px;
height: 40px;
text-align: center;
line-height: 38px;
border: 1px solid #588324;
cursor: pointer;
font-size: 20px;
-webkit-border-radius: 50%;
border-radius: 50%;
top: -50px;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.product-slicker .arrow-btn:hover {
background-color: #588324
}
.product-slicker .arrow-btn:hover i {
color: #fff
}
.product-slicker .arrow-btn i {
color: #588324
}
.product-slicker .arrow-right {
right: 10px
}
.product-slicker .arrow-left {
right: 60px
}
.product-slicker .slick-slide {
margin: 0 5px
}
.product-slicker .product-item {
margin-bottom: 15px
}
.product-slicker .img-wrap {
margin-bottom: 20px
}
.product-slicker h4 {
color: #6b6b6b;
font-size: 16px;
text-align: center;
height: 65px
}
.m-header {
position: relative;
z-index: 50;
background-color: #fff
}
.m-header.sticky-header .m-header-bd {
position: fixed;
z-index: 20;
left: 0;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.m-header .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.m-header .m-logo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%;
max-width: 180px;
padding: 17px 0;
text-align: center
}
.m-header .m-nav {
margin: 20px 0 20px auto;
white-space: nowrap;
text-align: center
}
.m-header .m-nav .responsive-menu-toggle {
display: none;
padding: 10px;
color: #5fa807
}
.m-header .m-nav .menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-header .m-nav .menu>li.menu-item {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.m-header .m-nav .menu>li.menu-item>a::before {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 3px;
background-color: #5fa807;
display: block;
content: '';
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.m-header .m-nav .menu>li.menu-item:last-child {
margin-left: 25px
}
.m-header .m-nav .menu>li.menu-item:last-child>a {
color: #fff!important;
background-color: #5fa807;
-webkit-border-radius: 23px;
border-radius: 23px;
font-size: 14px;
padding: 11px 21px;
border: 2px solid transparent;
cursor: pointer
}
.m-header .m-nav .menu>li.menu-item:last-child>a::before {
display: none
}
.m-header .m-nav .menu>li.menu-item:last-child>a i {
margin-left: 10px;
font-size: 12px
}
.m-header .m-nav .menu>li.menu-item:last-child>a:hover {
border-color: #5fa807;
color: #5fa807!important;
background-color: transparent
}
.m-header .m-nav .menu .current-menu-parent>a,.m-header .m-nav .menu .current-menu-item>a,.m-header .m-nav .menu>li.menu-item:hover>a {
color: #6b6b6b
}
.m-header .m-nav .menu .current-menu-parent>a::before,.m-header .m-nav .menu .current-menu-item>a::before,.m-header .m-nav .menu>li.menu-item:hover>a::before {
width: 20px
}
.m-header .m-nav .menu a {
position: relative;
display: block;
padding: 13px 15px;
font-weight: 400;
font-style: normal;
font-size: 16px;
line-height: 1.2
}
.m-header .m-nav .menu .menu-arrow {
margin-left: .2em;
padding: 0 0 0 5px;
vertical-align: middle;
font-size: .6em
}
.m-header .m-nav .menu a,.m-header .m-nav .menu span {
color: #6b6b6b
}
.m-header .m-nav .sub-menu {
position: absolute;
z-index: 100;
display: none;
min-width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.m-header .m-nav .sub-menu.active {
display: block
}
.m-header .m-nav .sub-menu a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.m-header .m-nav .sub-menu a:hover {
background: rgba(0,0,0,.06)
}
.m-header .m-nav .sub-menu .menu-arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.m-header .m-nav .sub-menu>li.menu-item {
position: relative;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.m-header .m-nav .sub-menu>li.menu-item:nth-last-child {
border: none
}
.m-header .m-nav .sub-menu>li.menu-item>.sub-menu {
position: absolute;
top: 0;
left: 100%
}
.stack .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.stack .m-logo {
width: 100%;
text-align: center
}
.stack .m-logo:after {
position: absolute;
left: 50%;
content: '';
display: block;
width: 50%;
margin-top: 5px;
border-bottom: 1px solid #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.split-menu .container {
position: relative;
display: inherit
}
.split-menu .m-logo {
position: absolute;
width: calc(24% - 10px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center
}
.split-menu .m-nav {
width: 100%
}
.split-menu .m-nav .menu-container {
float: left;
width: 38%
}
.split-menu .m-nav .menu-container:nth-last-child(1) {
float: right
}
.responsive-menu-bd {
position: relative;
height: 0
}
.responsive-menu-bd .responsive-menu-toggle {
position: absolute;
right: 0;
top: -63px;
max-width: 60px
}
@media (max-width:1100px) {
.m-header .m-nav .menu a {
padding: 13px 10px
}
}
@media (max-width:1024px) {
.m-header .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-header .m-logo {
width: 100%
}
.m-header .m-nav {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
width: 100%;
margin: 0
}
.m-header .m-nav .responsive-menu-toggle {
display: block
}
.m-header .m-nav .menu-container {
display: none
}
.m-header .m-nav .menu-container.has-template .menu {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-header .m-nav .menu-container.has-template .menu>li.menu-item {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.m-header .m-nav .menu-container.has-template .menu .sub-menu .menu-arrow {
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg)
}
.m-header .m-nav .menu-container.has-template .menu .sub-menu>li.menu-item>.sub-menu {
top: 100%;
left: 0
}
.stack .m-logo:after {
display: none
}
.split-menu .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.split-menu .m-logo {
position: relative;
left: 0;
width: 100%;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.split-menu .m-nav .menu-container {
width: 100%;
float: none
}
.custom-menu .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.custom-menu .m-logo {
width: 100%
}
.custom-menu .m-nav {
max-width: 100%;
width: 100%
}
}
.slide-mask {
position: fixed;
top: 0;
left: 0;
z-index: 800;
display: none;
width: 100%;
height: 120%;
background: rgba(0,0,0,.6)
}
.slide-close {
width: 100%;
height: 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 60px;
text-align: right;
font-size: 20px
}
.slide-close i {
display: inline-block;
cursor: pointer;
padding: 20px
}
.slide-menu {
position: fixed;
top: 0;
right: -250px;
z-index: 900;
width: 250px;
height: 100%;
overflow-y: auto;
border-bottom-width: 60px;
border-bottom-style: solid;
border-color: #191919;
color: #a6a6a6;
font-size: 15px;
background-color: #191919
}
.slide-menu .menu-container {
border-bottom: 1px solid rgba(255,255,255,.03)
}
.slide-menu .menu-container ul li {
width: 100%;
position: relative;
border-top: 1px solid rgba(255,255,255,.03);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6
}
.slide-menu .menu-container ul li.active {
color: #fff
}
.slide-menu .menu-container ul li.active>a .menu-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.slide-menu .menu-container ul li a {
position: relative;
display: block;
padding: 11px 5px 10px 20px;
margin-right: 50px;
text-decoration: none;
line-height: 19px;
color: inherit
}
.slide-menu .menu-container ul li .menu-arrow {
position: absolute;
right: -40px;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 10px;
color: #999;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s
}
.slide-menu .menu-container ul li .sub-menu {
display: none
}
.slide-menu .menu-container>ul li .sub-menu li>a {
padding-left: 30px
}
.slide-menu .menu-container>ul li .sub-menu li .sub-menu li>a {
padding-left: 45px
}
.slide-menu .menu-container>ul li .sub-menu li .sub-menu li .sub-menu li a {
padding-left: 60px
}
#cta {
position: relative;
z-index: 3
}
#cta .info {
padding: 50px 0 60px;
background-image: url(../images/common-cta-bg.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 9px 27px 3px rgba(136,141,163,.3);
box-shadow: 0 9px 27px 3px rgba(136,141,163,.3)
}
#cta .info h2 {
max-width: 880px;
margin: 0 auto 25px;
color: #fff
}
#cta .info .btn a {
border: 2px solid transparent
}
#cta .info .btn a:hover {
color: #fff;
background-color: transparent;
border-color: #fff
}
@media screen and (max-width:1199px) {
#Footer .f-logo {
padding-right: 3%
}
#Footer .f-product {
width: 20%
}
}
@media screen and (max-width:980px) {
#Footer .f-content {
padding: 60px 0 30px
}
#Footer .f-logo {
max-width: 100%;
width: 50%;
margin-bottom: 30px
}
#Footer .f-blk {
max-width: 100%;
width: 50%;
margin-bottom: 30px
}
}
@media screen and (max-width:768px) {
#Footer .f-product,#Footer .f-link {
display: none
}
#cta .info {
padding: 40px 0
}
}
@media screen and (max-width:530px) {
#Footer .f-logo {
max-width: 100%;
width: 100%;
padding-right: 0
}
#Footer .f-contact {
max-width: 100%;
width: 100%
}
}
.mml-cols-2,.mml-cols-3,.mml-cols-4 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.mml-cols-2 .blog-item,.mml-cols-3 .blog-item,.mml-cols-4 .blog-item {
margin: 10px
}
.mml-cols-2 .blog-item {
width: calc(50% - 20px)
}
.mml-cols-3 .blog-item {
width: calc(33.3333% - 20px)
}
.mml-cols-3 .blog-title {
font-size: 20px;
line-height: 30px
}
.mml-blog,.mml-blog-recent {
margin: 120px auto;
line-height: 23px;
font-size: 15px
}
.mml-blog a,.mml-blog-recent a {
color: #444
}
.mml-blog a:hover,.mml-blog-recent a:hover {
color: #0082d5
}
.mml-blog .mml-image,.mml-blog-recent .mml-image {
position: relative;
overflow: hidden
}
.mml-blog .mml-image:hover img,.mml-blog-recent .mml-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.mml-blog .mml-text,.mml-blog-recent .mml-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 25px;
font-weight: 300
}
.mml-blog .fa-caret-right,.mml-blog-recent .fa-caret-right {
margin-left: .6em;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.mml-blog .mml-page,.mml-blog-recent .mml-page {
color: #333;
font-weight: 700
}
.mml-blog .mml-page.mml-active,.mml-blog .mml-page:hover,.mml-blog-recent .mml-page.mml-active,.mml-blog-recent .mml-page:hover {
background-color: #0082d5;
color: #fff
}
.blog-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
background-color: #fff
}
.blog-title {
display: block;
font-size: 25px;
line-height: 35px;
font-weight: 700
}
.blog-time {
font-weight: 400
}
.blog-time .fa-clock {
margin-right: .1em
}
.blog-excerpt {
display: block;
margin: 10px 0 20px
}
.blog-tag {
position: absolute;
top: 20px;
right: 0;
padding: 10px 14px;
background-color: #0082d5;
color: #fff;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
font-weight: 500;
font-size: 11px;
line-height: 11px
}
.blog-tag:empty {
display: none
}
.blog-withbg {
background-color: #e6eaf1;
-webkit-border-radius: 5px;
border-radius: 5px
}
.tpl-blog-0 .blog-item,.tpl-blog-1 .blog-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.tpl-blog-0 .blog-readmore,.tpl-blog-1 .blog-readmore {
font-weight: 700;
font-size: 14px
}
.tpl-blog-0 .blog-excerpt,.tpl-blog-1 .blog-excerpt {
color: #888
}
.tpl-blog-0 .blog-time {
position: absolute;
left: 0;
bottom: 100%;
padding: 15px 9px;
background-color: rgba(255,255,255,.9);
color: #333;
font-weight: 700;
text-align: center;
font-size: 14px;
-webkit-transform: translate(30px,-30px);
-ms-transform: translate(30px,-30px);
transform: translate(30px,-30px)
}
.tpl-blog-0 .blog-date {
display: block;
margin-bottom: 14px;
font-size: 28px
}
.tpl-blog-0 .blog-readmore {
margin: auto 5px 0 auto;
color: #0082d5
}
.tpl-blog-0 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-1 .blog-readmore {
margin: auto 0 0 auto;
padding: 0 14px;
line-height: 35px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #0082d5;
color: #fff
}
.tpl-blog-1 .blog-readmore:hover {
color: #fff;
background-color: #0e94ea
}
.tpl-blog-1 .blog-time,.tpl-blog-2 .blog-time {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
padding: 0 25px;
background-color: rgba(55,67,85,.7);
color: #fff;
font-size: 14px;
line-height: 50px
}
.tpl-blog-2 .blog-readmore {
color: #0082d5;
font-weight: 400
}
.tpl-blog-2 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-2 .blog-excerpt {
margin: 10px 0 0;
color: #666
}
.tpl-blog-3 .blog-time {
margin-bottom: 5px;
font-size: 14px
}
.tpl-blog-4 .blog-item {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 3px 4px 10px 0 rgba(69,82,139,.1);
box-shadow: 3px 4px 10px 0 rgba(69,82,139,.1)
}
.tpl-blog-4 .blog-item:before {
content: '\20';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
width: 0;
background-color: #0082d5;
-webkit-transition: width .15s ease;
-o-transition: width .15s ease;
transition: width .15s ease
}
.tpl-blog-4 .blog-item:hover:before {
width: 100%
}
.tpl-blog-4 .mml-text {
padding: 60px 50px
}
.tpl-blog-4 .blog-time {
color: #9095a2;
font-size: 18px;
font-weight: 500
}
.tpl-blog-4 .blog-title {
margin: 25px 0 15px;
font-size: 24px;
color: #222c47
}
.tpl-blog-4 .blog-title:hover {
color: #0082d5
}
.tpl-blog-4 .blog-excerpt {
margin: 10px 0 50px
}
.tpl-blog-4 .blog-readmore {
margin: auto 0 0 0;
color: #0082d5;
font-size: 18px;
font-weight: 500
}
.tpl-blog-4 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-4 .blog-readmore i {
margin-left: .5em
}
.tpl-blog-5,.tpl-blog-6,.tpl-blog-7 {
position: relative;
overflow: hidden
}
.tpl-blog-5 .blog-item,.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-border-radius: 0;
border-radius: 0
}
.tpl-blog-5:before {
content: '\20';
position: absolute;
left: 10.7627%;
top: 0;
bottom: 0;
width: 2px;
background-color: #ddd
}
.tpl-blog-5 .blog-item {
padding-left: 16.95%;
margin-bottom: 40px;
background-color: transparent
}
.tpl-blog-5 .blog-item:before {
content: '\20';
position: absolute;
left: 10.7627%;
top: 10px;
width: 9px;
height: 9px;
border: 3px solid #0082d5;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #0082d5;
-webkit-transform: translate(-14px,0);
-ms-transform: translate(-14px,0);
transform: translate(-14px,0);
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
outline: 3px solid #fff
}
.tpl-blog-5 .blog-item:after {
content: '\20';
position: absolute;
top: 16px;
left: calc(10.7627% + 5px);
height: 2px;
width: 28px;
background-color: #ddd
}
.tpl-blog-5 .blog-item>a {
width: 46%;
max-width: 380px
}
.tpl-blog-5 .mml-text {
position: static
}
.tpl-blog-5 .blog-time {
position: absolute;
z-index: 1;
left: 0;
top: 7px;
padding: 0 6px;
line-height: 22px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #0082d5;
color: #fff;
font-weight: 500;
font-size: 12px;
outline: 4px solid #fff
}
.tpl-blog-5 .blog-readmore {
margin: auto 0 10px 0;
padding: 0 20px;
background-color: #fafbfc;
color: #999;
font-size: 14px;
line-height: 40px;
text-align: right
}
.tpl-blog-5 .blog-readmore i {
margin-right: .5em;
font-size: 1.28em
}
.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
margin-bottom: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.tpl-blog-6 .blog-time,.tpl-blog-7 .blog-time {
font-size: 14px
}
.tpl-blog-6 .blog-excerpt,.tpl-blog-7 .blog-excerpt {
margin: 0 0 40px;
color: #666
}
.tpl-blog-6 .blog-readmore,.tpl-blog-7 .blog-readmore {
font-weight: 700;
font-size: 14px
}
.tpl-blog-6 .blog-item>a {
width: 46%;
max-width: 400px
}
.tpl-blog-6 .mml-text {
padding: 20px 80px
}
.tpl-blog-6 .blog-title {
margin: 10px 0
}
.tpl-blog-6 .blog-readmore {
color: #0082d5
}
.tpl-blog-6 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-7 .blog-item {
background-color: #fbfcff
}
.tpl-blog-7 .blog-item>a {
width: 50%;
max-width: 590px
}
.tpl-blog-7 .mml-text {
position: static;
padding: 40px 70px
}
.tpl-blog-7 .blog-time {
position: absolute;
right: 40px;
bottom: 40px
}
.tpl-blog-7 .blog-title {
margin: 0 0 10px
}
.tpl-blog-7 .blog-readmore {
margin: 0 auto 0 0;
padding: 0 14px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color: #0082d5;
color: #fff;
line-height: 35px
}
.tpl-blog-7 .blog-readmore:hover {
background-color: #0e94ea;
color: #fff
}
.mml-blog-detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 120px auto 80px;
max-width: 1200px;
padding: 0 10px;
line-height: 23px;
font-size: 15px
}
.blog-detail-colwidth {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.blog-detail-title {
font-size: 30px;
line-height: 45px;
font-weight: 700
}
.blog-detail-info {
margin: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.blog-shares {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.blog-shares a {
margin: 0 4px
}
.blog-shares .addtoany_shortcode {
margin-left: 5px
}
.blog-shares .addtoany_list a {
padding: 0 4px;
max-height: 18px
}
.blog-article {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.blog-widget {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 80px;
padding: 25px 30px 10px 45px;
max-width: 380px;
background-color: #fff;
-webkit-box-shadow: 0 20px 30px 0 rgba(84,87,93,.1);
box-shadow: 0 20px 30px 0 rgba(84,87,93,.1)
}
.blog-widget h2 {
margin: 0;
font-size: 22px;
line-height: 24px;
font-weight: 700
}
.blog-widget ul {
margin: 20px 0 0;
border-top: 1px solid rgba(221,221,221,.3)
}
.blog-widget li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.blog-widget li:hover a {
color: #666
}
.blog-widget li:hover .fa-arrow-right {
opacity: 1
}
.blog-widget li:not(:last-child) a {
border-bottom: 1px solid rgba(221,221,221,.3)
}
.blog-widget .fa-arrow-right {
margin-right: 10px;
opacity: 0;
-webkit-transition: opacity .24s;
-o-transition: opacity .24s;
transition: opacity .24s
}
.blog-widget a {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 15px 0;
color: #999;
line-height: 21px
}
.blog-detail-content {
line-height: 1.74;
font-weight: 400;
color: #666;
letter-spacing: .48px
}
.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6 {
line-height: 1.3;
font-weight: 500;
margin: 30px 0 15px
}
.blog-detail-content h1 {
font-size: 35px
}
.blog-detail-content h2 {
font-size: 29px
}
.blog-detail-content h3 {
font-size: 24px
}
.blog-detail-content h4 {
font-size: 19px
}
.blog-detail-content h5 {
font-size: 14px
}
.blog-detail-content p,.blog-detail-content li {
margin: 0 0 10px
}
.blog-detail-content img,.blog-detail-content video,.blog-detail-content audio {
display: block;
margin: 20px auto;
width: unset!important;
height: unset!important
}
.blog-detail-content img:first-child,.blog-detail-content video:first-child,.blog-detail-content audio:first-child {
margin-top: 0
}
.mml-blog-recent {
max-width: 1200px;
padding: 0 10px;
margin: 0 auto 120px
}
.mml-blog-recent>h2 {
margin-bottom: 20px;
font-weight: 700;
font-size: 36px;
color: #444
}
.mml-blog-recent .mml-text {
padding: 15px 30px 30px
}
.mml-blog-recent .blog-title {
margin: 5px 0 0
}
@media (max-width:1000px) {
.tpl-blog-5:before {
display: none
}
.tpl-blog-5 .blog-item {
padding-left: 0
}
.tpl-blog-5 .blog-item:before,.tpl-blog-5 .blog-item:after {
display: none
}
.tpl-blog-5 .blog-time {
left: 7px;
outline: none
}
.tpl-blog-6 .mml-text,.tpl-blog-7 .mml-text {
padding: 20px
}
}
@media (max-width:960px) {
.tpl-blog-4 .blog-item {
width: calc(50% - 20px)
}
}
@media (max-width:850px) {
.mml-cols-3 .blog-item {
width: calc(50% - 20px)
}
.tpl-blog-5 .blog-item {
display: block
}
.tpl-blog-5 .blog-item>a {
display: block;
margin: auto;
width: unset
}
}
@media (max-width:720px) {
.tpl-blog-4 .blog-item .mml-text {
padding: 30px 20px 20px
}
.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
display: block
}
.tpl-blog-6 .blog-item>a,.tpl-blog-7 .blog-item>a {
display: block;
margin: auto;
width: unset
}
.tpl-blog-6 .blog-excerpt,.tpl-blog-7 .blog-excerpt {
margin: 0 0 20px
}
.tpl-blog-7 .blog-item {
background-color: unset
}
.tpl-blog-7 .mml-text {
position: relative;
margin: auto;
max-width: 590px;
background-color: #fbfcff
}
.tpl-blog-7 .blog-time {
bottom: 25px;
right: 20px
}
}
@media (max-width:600px) {
.mml-blog {
margin: 40px auto
}
.mml-blog .mml-text {
padding: 15px
}
.mml-blog .blog-item {
width: 100%
}
.blog-title,.mml-cols-3 .blog-title {
font-size: 18px;
line-height: 24px
}
.tpl-blog-1 .blog-time,.tpl-blog-2 .blog-time {
padding: 0 15px;
line-height: 36px
}
}
@media (max-width:900px) {
.mml-blog-detail {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blog-article {
display: block
}
.blog-detail-colwidth {
width: 100%;
margin: auto
}
.blog-widget {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 40px auto;
max-width: unset
}
}
@media (max-width:600px) {
.mml-blog-detail {
margin: 40px auto
}
.blog-widget {
padding: 20px
}
.mml-blog-recent {
margin: 40px auto
}
.mml-blog-recent>h2 {
text-align: center
}
.mml-blog-recent .blog-item {
margin: 10px auto;
max-width: 380px;
width: 100%
}
}
.mml-faq-item {
position: relative;
margin-bottom: 10px;
background-color: #fafafa;
color: #999
}
.mml-faq-item::before {
position: absolute;
top: 0;
left: 0;
width: 70px;
height: 100%;
background-color: #e4e4e4;
content: ''
}
.mml-faq-item.active::before {
background-color: #5fa807
}
.mml-faq-item.active .mml-faq-item-hd {
color: #6b6b6b;
padding-bottom: 10px
}
.mml-faq-item.active .mml-faq-item-hd i.fa-minus {
display: block
}
.mml-faq-item.active .mml-faq-item-hd i.fa-plus {
display: none
}
.mml-faq-item.active .mml-faq-item-hd .number {
color: #fff
}
.mml-faq-item .mml-faq-item-hd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 30px 0 25px;
cursor: pointer
}
.mml-faq-item .mml-faq-item-hd .number {
position: relative;
z-index: 2;
width: 70px;
text-align: center;
font-family: museo-sans,sans-serif;
font-weight: 500;
font-style: normal;
font-size: 20px;
line-height: 36px;
color: #999
}
.mml-faq-item .mml-faq-item-hd .title {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 90px 0 40px;
font-size: 20px;
line-height: 32px
}
.mml-faq-item .mml-faq-item-hd i {
position: absolute;
top: 40px;
right: 40px;
text-align: center;
color: #6b6b6b;
cursor: pointer;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease
}
.mml-faq-item .mml-faq-item-hd i.fa-minus {
display: none
}
.mml-faq-item .mml-faq-item-hd i.fa-plus {
display: block
}
.mml-faq-item .mml-faq-item-bd {
display: none;
padding: 0 90px 25px 110px
}
@media screen and (max-width:600px) {
.mml-faq-item::before {
width: 40px
}
.mml-faq-item .mml-faq-item-hd .number {
width: 40px
}
.mml-faq-item .mml-faq-item-hd .title {
padding: 0 60px 0 20px
}
.mml-faq-item .mml-faq-item-hd i {
right: 20px
}
.mml-faq-item .mml-faq-item-bd {
padding: 0 60px 25px 60px
}
}
.mml-mask {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding: 20px;
background: rgba(0,0,0,.5);
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.mml-mask.mml-show {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important
}
.mml-modal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
max-height: 100%;
max-width: 580px;
width: 100%;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 34px 0 rgba(33,33,33,.15);
box-shadow: 0 0 34px 0 rgba(33,33,33,.15)
}
.mml-modal-header {
padding: 5px 20px;
text-align: right
}
.mml-modal-close {
font-size: 26px;
cursor: pointer
}
.mml-modal-content {
padding: 10px 30px 30px;
overflow: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.mml-modal-content .popup-title {
margin-bottom: 30px
}
.p09-content {
padding-top: 100px
}
.p09-content .wrap {
padding-bottom: 100px;
border-bottom: 1px solid #ddd;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p09-content .info {
max-width: 600px;
width: 50.5%;
padding-top: 100px;
padding-right: 110px
}
.p09-content .info h2 {
margin-bottom: 20px
}
.p09-content .info ul {
margin-top: 30px;
max-width: 400px
}
.p09-content .info ul li {
position: relative;
padding-left: 35px
}
.p09-content .info ul li:not(:last-child) {
margin-bottom: 40px
}
.p09-content .info ul li i {
position: absolute;
left: 0;
top: 2px;
font-size: 16px;
color: #5fa807
}
.p09-content .info ul li h3 {
font-size: 16px;
margin-bottom: 5px
}
.p09-content .form-wrap {
max-width: 580px;
width: 49.5%;
background-color: #fff;
-webkit-box-shadow: 0 13px 70px 11px rgba(141,153,204,.1);
box-shadow: 0 13px 70px 11px rgba(141,153,204,.1);
-webkit-border-radius: 12px;
border-radius: 12px;
border: solid 1px #ecf1f6;
padding: 40px 34px
}
.p09-content .form-wrap .form-title {
margin-bottom: 25px
}
.p09-content .form-wrap .form-title h2 {
font-size: 28px
}
@media screen and (max-width:1199px) {
.p09-content .info {
padding-top: 6%;
padding-right: 5%
}
}
@media screen and (max-width:767px) {
.p09-content {
padding-top: 60px
}
.p09-content .wrap {
padding-bottom: 60px
}
.p09-content .info {
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
padding: 0
}
.p09-content .form-wrap {
width: 100%;
margin: 0 auto
}
}
.p08-who {
padding: 100px 0 180px
}
.p08-who .info {
max-width: 660px;
margin: 0 0 0 auto
}
.p08-who .info h2 {
margin-bottom: 20px
}
.p08-who .info p {
font-size: 16px;
line-height: 24px
}
.p08-who .info p:not(:last-child) {
margin-bottom: 20px
}
.p08-mission {
padding-bottom: 210px
}
.p08-mission .wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p08-mission .img {
position: relative;
max-width: 660px;
width: 56%;
max-height: 550px;
-webkit-box-shadow: 0 50px 60px 0 rgba(135,141,163,.3);
box-shadow: 0 50px 60px 0 rgba(135,141,163,.3)
}
.p08-mission .img::before {
position: absolute;
left: 22%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
z-index: -1;
width: 190px;
height: 100px;
display: block;
content: '';
background-image: url(/wp-content/themes/mml-theme/dist/img/p08/p08-s03-bg.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center
}
.p08-mission .info {
max-width: 520px;
width: 44%;
padding-left: 100px;
padding-right: 15px
}
.p08-mission .info h2 {
margin-bottom: 20px
}
.p08-mission .info p {
font-size: 16px;
line-height: 24px
}
.p08-mission .info p:not(:last-child) {
margin-bottom: 20px
}
.p08-value .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 30px
}
.p08-value .title h2 {
max-width: 300px
}
.p08-value .item {
position: relative;
width: 50%;
max-width: 500px;
margin-bottom: 110px;
padding-right: 30px
}
.p08-value .item:not(.title) {
padding-left: 60px
}
.p08-value .item h3 {
margin-bottom: 25px
}
.p08-value .item p {
max-width: 395px
}
.p08-value .icon {
position: absolute;
left: 0;
top: 0;
max-width: 40px
}
@media screen and (max-width:1199px) {
.p08-mission .info {
padding-left: 4%
}
}
@media screen and (max-width:767px) {
.p08-who {
padding: 60px 0
}
.p08-mission {
padding-bottom: 80px
}
.p08-mission .info {
padding-left: 0;
padding-right: 0;
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.p08-mission .img {
width: 100%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.p08-mission .img::before {
display: none
}
.p08-value {
padding-bottom: 30px
}
.p08-value .wrap {
padding-left: 0
}
.p08-value .title h2 {
max-width: 100%
}
.p08-value .item {
width: 100%;
max-width: 100%;
margin: 0 auto 30px
}
.p08-value .item p {
max-width: 100%
}
}
.p07-content {
padding: 100px 0 120px
}
.p07-content .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p07-content .sec-title {
max-width: 545px;
width: 46%;
padding-right: 178px
}
.p07-content .sec-title h2 {
margin-bottom: 15px
}
.p07-content .sec-title p {
margin-bottom: 20px
}
.p07-content .custom-faq {
max-width: 635px;
width: 54%
}
.p07-content .custom-faq .container {
width: 100%;
padding: 0
}
@media screen and (max-width:1199px) {
.p07-content .sec-title {
padding-right: 7%
}
}
@media screen and (max-width:900px) {
.p07-content .sec-title {
padding-right: 0;
width: 100%;
max-width: 100%;
margin: 0 auto 30px
}
.p07-content .custom-faq {
width: 100%;
max-width: 100%;
margin: 0 auto
}
}
@media screen and (max-width:767px) {
.p07-content {
padding: 60px 0
}
}
.p06-base {
padding: 100px 0
}
.p06-base .title {
padding-left: 50px;
margin-bottom: 70px
}
.p06-base .title h2 {
margin-bottom: 25px
}
.p06-base .item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p06-base .item-wrap:not(:last-child) {
margin-bottom: 60px
}
.p06-base .item-wrap:nth-child(odd) .info {
padding-left: 60px;
padding-right: 20px
}
.p06-base .item-wrap:nth-child(even) .info {
padding-right: 85px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.p06-base .item-wrap:nth-child(even) .img {
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.p06-base .img {
max-width: 590px;
width: 50%;
max-height: 380px;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden
}
.p06-base .info {
max-width: 590px;
width: 50%
}
.p06-base .info h2 {
font-size: 28px;
line-height: 42px;
margin-bottom: 5px;
max-width: 400px
}
.p06-base .info p {
font-size: 16px;
line-height: 24px
}
.p06-base .info p:not(:last-child) {
margin-bottom: 20px
}
.p06-highlight .outer {
padding: 100px 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd
}
.p06-highlight .title {
padding-left: 50px;
margin-bottom: 60px
}
.p06-highlight .title h2 {
margin-bottom: 25px
}
.p06-highlight .item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: solid 2px #ededed;
border-left: solid 2px #ededed
}
.p06-highlight .item {
position: relative;
max-width: 392px;
width: 33.3333%;
border-top: solid 2px #ededed;
border-right: solid 2px #ededed;
padding: 70px 50px 100px 70px
}
.p06-highlight .item:hover .img {
-webkit-transform: translate(-50%,-50%) scale(1);
-ms-transform: translate(-50%,-50%) scale(1);
transform: translate(-50%,-50%) scale(1)
}
.p06-highlight .info {
position: relative;
z-index: 2
}
.p06-highlight .info .num {
font-weight: 200;
font-style: normal;
font-size: 44px;
color: #5fa807;
line-height: 1.2;
margin-bottom: 70px
}
.p06-highlight .info h3 {
margin-bottom: 30px
}
.p06-highlight .info p {
max-width: 248px;
font-size: 16px;
line-height: 24px
}
.p06-highlight .img {
position: absolute;
top: 50%;
left: 50%;
z-index: 3;
-webkit-transform: translate(-50%,-50%) scale(0);
-ms-transform: translate(-50%,-50%) scale(0);
transform: translate(-50%,-50%) scale(0);
-webkit-transition: all .5s;
-o-transition: all .5s;
transition: all .5s;
max-width: 472px;
width: 121%;
max-height: 552px;
-webkit-box-shadow: 0 30px 25px 5px rgba(152,159,174,.15);
box-shadow: 0 30px 25px 5px rgba(152,159,174,.15);
overflow: hidden
}
@media screen and (max-width:1199px) {
.p06-base .item-wrap:nth-child(odd) .info {
padding-left: 4%
}
.p06-base .item-wrap:nth-child(even) .info {
padding-right: 4%
}
.p06-highlight .item {
padding: 5% 3%
}
}
@media screen and (max-width:1000px) {
.p06-base .item-wrap:nth-child(odd) .info {
padding-right: 0
}
.p06-highlight .info .num {
margin-bottom: 30px
}
}
@media screen and (max-width:800px) {
.p06-highlight .item {
width: 50%
}
.p06-highlight .img {
width: 110%
}
}
@media screen and (max-width:767px) {
.p06-base {
padding: 60px 0
}
.p06-base .item-wrap .img {
width: 100%;
margin: 0 auto 30px;
-webkit-box-ordinal-group: 2!important;
-webkit-order: 1!important;
-ms-flex-order: 1!important;
order: 1!important
}
.p06-base .item-wrap .info {
padding: 0!important;
margin: 0 auto;
width: 100%;
-webkit-box-ordinal-group: 3!important;
-webkit-order: 2!important;
-ms-flex-order: 2!important;
order: 2!important
}
.p06-highlight .outer {
padding: 60px 0
}
}
@media screen and (max-width:550px) {
.p06-highlight .item {
width: 100%;
max-width: 100%;
min-height: 400px;
padding: 60px;
margin: 0 auto
}
.p06-highlight .item p {
max-width: 100%
}
.p06-highlight .img {
width: 100%
}
}
@media screen and (max-width:400px) {
.p06-highlight .item {
padding: 30px;
min-height: 300px
}
}
.p05-support {
padding: 0px 0 0px
}
.p05-support .title {
margin-bottom: 70px;
max-width: 760px;
}
.p05-support .title h2 {
margin-bottom: 25px
}
.p05-support .item-wrap {
margin: 0 -18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p05-support .item {
max-width: 437px;
width: calc(33.3333% - 36px);
margin: 0 18px 20px;
background-color: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
-webkit-box-shadow: 0 10px 40px 10px rgba(136,141,163,.1);
box-shadow: 0 10px 40px 10px rgba(136,141,163,.1);
overflow: hidden
}
.p05-support .img {
max-width: 439px;
max-height: 240px;
overflow: hidden
}
.p05-support .info {
padding: 30px 30px 25px
}
.p05-support .info h3 {
font-size: 18px;
line-height: 32px;
margin-bottom: 15px;
min-height: 3.5em;
color: #252525;
font-weight: 700
}
.p05-how .title {
margin-bottom: 100px
}
.p05-how .tab-blk h3 {
font-size: 34px;
margin-bottom: 65px
}
.p05-how .tab-blk:not(:last-child) {
margin-bottom: 120px
}
.p05-how .nav-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-bottom: 1px solid #ddd
}
.p05-how .nav-tab a {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 20%;
padding-bottom: 10px;
padding-right: 15px
}
.p05-how .nav-tab a:not(:last-child)::before {
position: absolute;
top: 50%;
right: 0;
z-index: 1;
-webkit-transform: translateY(-50%) rotate(45deg);
-ms-transform: translateY(-50%) rotate(45deg);
transform: translateY(-50%) rotate(45deg);
width: 6px;
height: 6px;
background-color: var(--color);
content: '';
display: block
}
.p05-how .nav-tab a:not(:first-child) {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding-left: 15px
}
.p05-how .nav-tab a .one-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
position: relative
}
.p05-how .nav-tab a .one-tab::before {
position: absolute;
bottom: -12px;
left: 0;
z-index: 1;
width: 100%;
height: 3px;
content: '';
display: block;
background-color: transparent;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p05-how .nav-tab a .num {
display: inline-block;
font-weight: 600;
font-style: normal;
font-size: 42px;
line-height: 1.2;
color: rgba(153,153,153,.5);
margin-right: 20px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p05-how .nav-tab a p {
color: rgba(153,153,153,.5);
max-width: 150px;
font-size: 16px;
line-height: 30px;
}
.p05-how .nav-tab a.active .one-tab::before,.p05-how .nav-tab a:hover .one-tab::before {
background-color: var(--color)
}
.p05-how .nav-tab a.active .num,.p05-how .nav-tab a:hover .num {
color: var(--color)
}
.p05-how .nav-tab a.active p,.p05-how .nav-tab a:hover p {
color: var(--color)
}
.p05-how .tab-outer {
margin-top: 60px
}
.p05-how .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p05-how .img {
max-width: 630px;
width: 45%;
max-height: 380px;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden
}
.p05-how .info {
max-width: 650px;
width: 55%;
padding-left: 70px
}
.p05-how .info h2 {
margin-bottom: 20px
}
.p05-how .info p {
max-width: 465px
}
.p05-more {
padding: 160px 0 120px
}
.p05-more .title {
margin-bottom: 70px;
padding-left: 50px
}
.p05-more .item-wrap {
margin: 0 -30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p05-more .item {
max-width: 560px;
width: calc(50% - 60px);
margin: 0 30px 20px;
background-color: #fff;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p05-more .item:hover {
-webkit-box-shadow: 0 10px 40px 10px rgba(136,141,163,.1);
box-shadow: 0 10px 40px 10px rgba(136,141,163,.1)
}
.p05-more .item:hover .info h3 a {
color: #5fa807
}
.p05-more .info {
padding: 40px 80px 20px 50px
}
.p05-more .info h3 {
position: relative;
padding-left: 34px;
margin-bottom: 15px
}
.p05-more .info .line {
position: absolute;
top: 10px;
left: 0;
display: block;
content: '';
width: 20px;
height: 6px;
background-color: #5fa807;
-webkit-border-radius: 3px;
border-radius: 3px
}
.p05-more .info p {
font-size: 16px;
line-height: 24px
}
.ldp-p05-support {
padding: 50px 0 100px
}
@media screen and (max-width:1199px) {
.p05-how .info {
padding-left: 4%
}
}
@media screen and (max-width:1000px) {
.p05-support .info {
padding: 20px
}
.p05-more .item-wrap {
margin: 0 -15px
}
.p05-more .item {
width: calc(50% - 30px);
margin: 0 15px 20px
}
.p05-more .info {
padding: 20px
}
}
@media screen and (max-width:800px) {
.p05-support .item {
width: calc(50% - 36px)
}
}
@media screen and (max-width:767px) {
.p05-support {
padding: 60px 0
}
.p05-how .tab-blk:not(:last-child) {
margin-bottom: 60px
}
.p05-how .info {
padding-left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto
}
.p05-how .info p {
max-width: 100%
}
.p05-how .img {
width: 100%;
margin: 0 auto 30px
}
.p05-more {
padding: 60px 0
}
.p05-how .nav-tab {
border-bottom: none
}
.p05-how .nav-tab a {
width: 50%;
margin-bottom: 20px;
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
padding-left: 15px!important
}
.p05-how .nav-tab a:nth-child(even)::before {
display: none
}
.p05-how .tab-outer {
margin-top: 30px
}
}
@media screen and (max-width:600px) {
.p05-more .item-wrap {
margin: 0
}
.p05-more .item {
width: 100%;
margin: 0 auto 20px
}
.p05-more .item:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:500px) {
.p05-support .item-wrap {
margin: 0
}
.p05-support .item {
width: 100%;
margin: 0 auto 20px
}
.p05-support .item:last-child {
margin-bottom: 0
}
.p05-how .title {
margin-bottom: 30px
}
.p05-how .tab-blk h3 {
margin-bottom: 30px
}
.p05-how .nav-tab a:first-child {
padding-left: 15px
}
.p05-how .nav-tab a .num {
font-size: 26px;
margin-right: 10px
}
}
@media screen and (max-width:400px) {
.p05-how .nav-tab a {
width: 100%
}
.p05-how .nav-tab a::before {
display: none!important
}
.p05-how .nav-tab a p {
max-width: 100%
}
}
.p04-content .single-desc {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-top: 100px;
margin-bottom: 60px;
border-top: 1px solid #ddd
}
.p04-content .slider-wrap {
max-width: 590px;
width: 50%;
max-height: 380px;
-webkit-border-radius: 20px;
border-radius: 20px;
overflow: hidden
}
.p04-content .slider-wrap .btn-l,.p04-content .slider-wrap .btn-r {
display: none!important
}
.p04-content .info {
max-width: 590px;
padding-left: 50px;
width: 50%
}
.p04-content .info h2 {
margin-bottom: 20px
}
.p04-content .info p {
font-size: 16px;
line-height: 24px
}
.p04-content .info .btn-group {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.p04-content .info .btn-group .btn-l,.p04-content .info .btn-group .btn-r {
line-height: 30px;
width: 32px;
height: 32px;
border: 1px solid rgba(95,168,7,.5);
color: rgba(95,168,7,.5);
font-size: 14px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
cursor: pointer;
margin-right: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p04-content .info .btn-group .btn-l:hover,.p04-content .info .btn-group .btn-r:hover {
border-color: #5fa807;
color: #5fa807
}
.p04-content .recommend {
margin: 60px -10px 90px
}
.p04-content .recommend .sec-title {
margin-bottom: 20px;
padding: 0 10px
}
.p04-content .recommend .sec-title i {
font-size: 26px;
color: #5fa807;
margin-right: 10px
}
.p04-content .recommend .item {
max-width: 280px;
margin: 0 10px
}
.p04-content .recommend .item h3 {
padding: 20px 10px;
font-size: 18px;
line-height: 21px
}
.p04-content .recommend .item:hover h3 {
color: #5fa807
}
.p04-content .recommend .img {
max-width: 280px;
max-height: 280px;
border: solid 1px #e1e3ee;
overflow: hidden
}
.p04-content .slick-dots {
margin-top: 20px
}
@media screen and (max-width:1199px) {
.p04-content .info {
padding-left: 3%
}
}
@media screen and (max-width:1199px) {
.p04-content .slider-wrap {
width: 100%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.p04-content .info {
padding-left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
}
@media screen and (max-width:767px) {
.p04-content .single-desc {
padding-top: 60px
}
.p04-content .recommend {
margin: 60px 0
}
}
.p03-product-detail #breadcrumbs {
padding: 29.5px 0;
background-color: #5fa807
}
.p03-product-detail #breadcrumbs ul li {
color: rgba(255,255,255,.6)
}
.p03-product-detail #breadcrumbs ul li:last-child a,.p03-product-detail #breadcrumbs ul li:hover a {
color: #fff
}
.p03-product-detail .with-bar::before {
height: 21px
}
.p03-product-box {
padding: 100px 0;
border-bottom: 1px solid #ddd
}
.p03-product-box .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p03-product-box .p-slider {
max-width: 630px;
width: 54%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.p03-product-box .p-slider::after {
display: block;
content: '';
clear: both
}
.p03-product-box .slider-nav {
float: left;
max-width: 100px;
width: 16%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
max-height: 500px;
overflow: hidden
}
.p03-product-box .slider-nav ul li {
max-width: 100px;
width: 100%;
max-height: 100px;
margin-bottom: 10px;
overflow: hidden
}
.p03-product-box .slider-nav ul li.slick-current img {
border: solid 2px #65a51a
}
.p03-product-box .slider-nav ul li img {
border: solid 2px #ddd
}
.p03-product-box .slider-for {
float: right;
max-width: 500px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
width: 80%;
max-height: 500px;
overflow: hidden
}
.p03-product-box .slider-for ul li {
max-width: 500px;
max-height: 500px;
overflow: hidden
}
.p03-product-box .slider-for ul li img {
border: 1px solid #ececec
}
.p03-product-box .p-arg {
max-width: 550px;
width: 46%;
padding-left: 60px
}
.p03-product-box .p-arg h2 {
margin-bottom: 20px
}
.p03-product-box .p-arg strong,.p03-product-box .p-arg b {
color: #6b6b6b;
font-weight: 600
}
.p03-product-box .p-arg h3 {
font-size: 18px;
margin: 20px 0
}
.p03-product-box .p-arg ul li:not(:last-child) {
margin-bottom: 10px
}
.p03-product-box .p-arg .btn {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px
}
.p03-product-box .p-arg .btn a {
margin: 10px 30px 0 0;
color: #fff;
background-color: #5fa807;
-webkit-border-radius: 23px;
border-radius: 23px;
font-size: 14px;
padding: 13px 25px;
border: solid 2px transparent
}
.p03-product-box .p-arg .btn a:hover {
border-color: #5fa807;
background-color: #fff;
color: #5fa807
}
.p03-product-box .p-arg .btn i {
margin-left: 10px
}
.p03-feature {
padding: 100px 0 70px;
border-bottom: 1px solid #ddd
}
.p03-feature .title {
margin-bottom: 60px
}
.p03-feature .title h2 {
font-size: 30px
}
.p03-feature .content {
padding-left: 40px
}
.p03-feature ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p03-feature ul li {
position: relative;
padding-left: 25px;
width: 25%;
margin-bottom: 30px
}
.p03-feature ul li:not(:nth-child(4n)) {
padding-right: 10px
}
.p03-feature ul li::before {
position: absolute;
left: 0;
top: 5px;
display: block;
content: '';
width: 6px;
height: 6px;
background-color: #5fa807;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p03-application {
padding: 100px 0 80px;
border-bottom: 1px solid #ddd
}
.p03-application .title {
max-width: 700px;
margin-bottom: 55px
}
.p03-application .title h2 {
font-size: 30px;
margin-bottom: 25px
}
.p03-application .slider-wrap {
margin: 0 -10px
}
.p03-application .item {
max-width: 280px;
margin: 0 10px 20px;
width: calc(25% - 20px)
}
.p03-application .item h3 {
font-size: 16px;
padding: 20px 10px 0
}
.p03-application .img {
max-width: 280px;
max-height: 280px;
margin: auto;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden
}
.p03-certify {
padding: 60px 0 100px;
border-bottom: 1px solid #ddd
}
.p03-certify .wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-right: -57px
}
.p03-certify .info {
position: relative;
z-index: 2;
max-width: 435px;
width: 37%
}
.p03-certify .info h2 {
margin-bottom: 30px;
font-size: 30px
}
.p03-certify .info .btn {
margin-top: 35px
}
.p03-certify .info .btn a {
-webkit-border-radius: 23px;
border-radius: 23px;
background-color: #5fa807;
color: #fff;
font-weight: 400;
padding: 3px 15px 3px 4px;
border: solid 2px transparent
}
.p03-certify .info .btn a:hover {
background-color: transparent;
color: #5fa807;
border-color: #5fa807
}
.p03-certify .info .btn a:hover span {
background-color: #5fa807;
color: #fff
}
.p03-certify .info .btn span {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
color: #5fa807;
margin-right: 10px;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p03-certify .img {
position: relative;
z-index: 2;
max-width: 802px;
width: 65%
}
.p03-certify .download-popup {
position: absolute;
top: 50%;
left: 420px;
z-index: -3;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
max-width: 320px;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 50px 80px 0 rgba(0,0,0,.15);
box-shadow: 0 50px 80px 0 rgba(0,0,0,.15);
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 30px 70px 70px 30px;
overflow: hidden;
display: none
}
.p03-certify .download-popup.isshow {
display: block;
z-index: 5
}
.p03-certify .download-popup .close-btn {
position: absolute;
top: 15px;
right: 20px;
font-size: 20px;
color: #6b6b6b;
cursor: pointer
}
.p03-certify .download-popup .pop-title p {
font-size: 12px
}
.p03-certify .download-popup ul li {
position: relative;
color: #6b6b6b;
width: 100%;
display: inline-block;
padding: 15px 10px 15px 25px;
cursor: pointer
}
.p03-certify .download-popup ul li::before {
position: absolute;
left: 0;
top: 18px;
z-index: 1;
display: block;
content: '';
width: 15px;
height: 15px;
background-color: #fff;
border: solid 1px #ddd;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p03-certify .download-popup ul li::after {
position: absolute;
left: 4px;
top: 22px;
z-index: 2;
display: block;
content: '';
width: 7px;
height: 7px;
background-color: transparent;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p03-certify .download-popup ul li:not(:last-child) {
border-bottom: 1px solid #ececec
}
.p03-certify .download-popup ul li.active::after {
background-color: #5fa807
}
.p03-certify .download-popup .btn {
position: absolute;
right: 0;
bottom: 0
}
.p03-certify .download-popup .btn a {
background-color: #5fa807;
-webkit-border-radius: 0 0 20px 0;
border-radius: 0 0 20px 0;
color: #fff;
font-weight: 400;
font-size: 14px;
padding: 19px 30px
}
.p03-reliable {
padding: 100px 0;
border-bottom: 1px solid #ddd
}
.p03-reliable .title {
margin-bottom: 45px
}
.p03-reliable .title h2 {
font-size: 30px
}
.p03-reliable .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p03-reliable .nav-tab {
max-width: 130px;
width: 11.1%
}
.p03-reliable .nav-tab ul li {
position: relative;
max-width: 130px;
max-height: 130px;
margin-bottom: 10px;
cursor: pointer
}
.p03-reliable .nav-tab ul li::before {
position: absolute;
top: 0;
right: 0;
width: 10px;
height: 100%;
background-color: transparent;
display: block;
content: '';
-webkit-transform: translateX(100%);
-ms-transform: translateX(100%);
transform: translateX(100%);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p03-reliable .nav-tab ul li::after {
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
display: block;
content: '';
background-color: rgba(0,0,0,.5);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p03-reliable .nav-tab ul li.active::before {
background-color: #5fa807
}
.p03-reliable .nav-tab ul li.active::after {
opacity: 0
}
.p03-reliable .nav-tab ul li img {
position: relative;
z-index: 1
}
.p03-reliable .tab-outer {
max-width: 1050px;
width: 88.9%
}
.p03-reliable .item-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p03-reliable .info {
max-width: 410px;
width: 39%;
padding: 30px 60px
}
.p03-reliable .info h3 {
font-size: 26px;
margin-bottom: 10px
}
.p03-reliable .info p {
font-size: 16px;
line-height: 24px
}
.p03-reliable .main-img {
max-width: 640px;
width: 61%;
max-height: 410px;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden
}
.p03-related {
padding: 100px 0 80px
}
.p03-related .title {
margin-bottom: 60px
}
.p03-related .title h2 {
font-size: 30px
}
.p03-related .item-wrap {
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p03-related .item {
max-width: 280px;
width: calc(25% - 20px);
margin: 0 10px 20px
}
.p03-related .item h3 {
font-size: 18px;
padding: 20px 10px 0
}
.p03-related .item:hover h3 {
color: #5fa807
}
.p03-related .img {
max-width: 280px;
max-height: 280px;
margin: auto;
border: solid 1px #e1e3ee
}
@media screen and (max-width:1240px) {
.p03-certify .wrap {
margin-right: 0
}
.p03-certify .img {
width: 63%
}
}
@media screen and (max-width:1199px) {
.p03-product-box .p-arg {
padding-left: 3%
}
.p03-certify .download-popup {
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.p03-reliable .info {
padding: 30px 4%
}
}
@media screen and (max-width:900px) {
.p03-certify .info {
width: 100%;
max-width: 100%;
margin: 0 auto 30px
}
.p03-certify .img {
width: 100%;
margin: 0 auto
}
.p03-reliable .nav-tab {
width: 20%
}
.p03-reliable .tab-outer {
width: 80%;
padding-left: 6%
}
.p03-reliable .info {
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
padding: 0
}
.p03-reliable .main-img {
width: 100%;
margin: 0 auto
}
}
@media screen and (max-width:850px) {
.p03-product-box .p-arg {
padding-left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto
}
.p03-product-box .p-slider {
width: 100%;
margin: 0 auto 30px
}
.p03-feature ul {
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.p03-feature ul li {
width: 50%;
max-width: 100%;
padding-right: 10px!important
}
}
@media screen and (max-width:767px) {
.p03-product-box {
padding: 60px 0
}
.p03-feature {
padding: 60px 0 30px
}
.p03-feature ul li {
margin-bottom: 30px
}
.p03-application .item {
width: 48%;
max-width: 100%;
margin: 0 1% 20px
}
.p03-application {
padding: 60px 0
}
.p03-related {
padding: 60px 0
}
.p03-related .item {
width: 48%;
max-width: 100%;
margin: 0 1% 20px
}
.p03-certify {
padding: 60px 0
}
.p03-reliable {
padding: 60px 0
}
}
@media screen and (max-width:500px) {
.p03-feature ul li {
width: 100%;
margin-bottom: 20px
}
}
@media screen and (max-width:400px) {
.p03-application .item {
width: 100%;
margin: 0 auto 20px
}
.p03-application .item:last-child {
margin-bottom: 0
}
.p03-related .item {
width: 100%;
margin: 0 auto 20px
}
.p03-related .item:last-child {
margin-bottom: 0
}
}
.p021-product {
padding: 100px 0;
border-bottom: 1px solid #ddd
}
.p021-product .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p021-product .img {
max-width: 500px;
width: 42.5%;
max-height: 500px;
overflow: hidden
}
.p021-product .info {
max-width: 680px;
width: 57.5%;
padding-left: 120px
}
.p021-product .info h2 {
margin-bottom: 15px
}
.p021-product .info p:not(:last-child) {
margin-bottom: 20px
}
.p021-feature {
padding: 100px 0;
border-bottom: 1px solid #ddd
}
.p021-feature .title {
margin-bottom: 20px
}
.p021-feature .title .bar {
display: inline-block;
width: 11px;
height: 21px;
background-color: #5fa807;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin-right: 20px
}
.p021-feature ul {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 35px;
overflow-x: hidden
}
.p021-feature ul::before {
position: absolute;
right: 0;
top: 0;
z-index: 2;
display: block;
content: '';
width: 35px;
height: 100%;
background-color: #fff
}
.p021-feature ul li {
position: relative;
width: 48%;
max-width: 430px;
padding: 30px 0 30px 33px
}
.p021-feature ul li:nth-child(odd)::after {
position: absolute;
left: 0;
bottom: 0;
display: inline-block;
content: '';
width: 300%;
max-width: 1110px;
height: 1px;
background-color: #ddd
}
.p021-feature ul li:last-child::after,.p021-feature ul li:nth-last-child(2)::after {
display: none
}
.p021-feature ul li::before {
position: absolute;
left: 0;
top: 35px;
display: inline-block;
content: '';
width: 10px;
height: 10px;
background-color: #5fa807;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p021-type {
padding: 100px 0 80px;
border-bottom: 1px solid #ddd
}
.p021-type .title {
margin-bottom: 50px
}
.p021-type .title .bar {
display: inline-block;
width: 11px;
height: 21px;
background-color: #5fa807;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin-right: 20px
}
.p021-type .item-wrap {
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p021-type .item {
max-width: 580px;
margin: 0 10px 20px;
width: calc(50% - 20px);
background-color: #fff;
border: solid 1px #e1e3ee;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s
}
.p021-type .item a {
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 20px 45px 20px 25px
}
.p021-type .item:hover {
-webkit-box-shadow: 0 30px 79px 0 rgba(135,141,163,.3);
box-shadow: 0 30px 79px 0 rgba(135,141,163,.3)
}
.p021-type .img {
max-width: 230px;
width: 43%
}
.p021-type .info {
max-width: 310px;
width: 57%;
padding-left: 20px
}
.p021-type .info h3 {
margin-bottom: 20px;
font-size: 20px;
line-height: 33px
}
.p021-type .info ul li {
position: relative;
padding-left: 16px;
font-weight: 400
}
.p021-type .info ul li:not(:last-child) {
margin-bottom: 20px
}
.p021-type .info ul li::before {
position: absolute;
left: 0;
top: 7px;
display: inline-block;
content: '';
width: 6px;
height: 6px;
background-color: #5fa807;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p021-fabric {
padding: 100px 0
}
.p021-fabric .title {
margin-bottom: 60px
}
.p021-fabric .title .bar {
display: inline-block;
width: 11px;
height: 21px;
background-color: #5fa807;
-webkit-transform: rotate(15deg);
-ms-transform: rotate(15deg);
transform: rotate(15deg);
margin-right: 20px
}
.p021-fabric .content h3 {
margin-bottom: 20px;
margin-top: 60px
}
.p021-fabric .content p {
margin-bottom: 20px
}
@media screen and (max-width:1199px) {
.p021-product .info {
padding-left: 5%
}
}
@media screen and (max-width:1000px) {
.p021-type .item a {
padding: 20px
}
}
@media screen and (max-width:850px) {
.p021-type .item {
width: 100%;
margin: 0 auto 20px
}
.p021-type .item:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:767px) {
.p021-product {
padding: 60px 0
}
.p021-product .info {
padding-left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto
}
.p021-product .img {
width: 100%;
margin: 0 auto 30px
}
.p021-feature {
padding: 60px 0
}
.p021-feature ul {
padding: 0
}
.p021-feature ul::before {
display: none
}
.p021-type {
padding: 60px 0
}
.p021-fabric {
padding: 60px 0
}
}
@media screen and (max-width:600px) {
.p021-feature ul li {
width: 100%;
max-width: 100%;
border-bottom: 1px solid #ddd
}
.p021-feature ul li:last-child {
border-bottom: none
}
.p021-feature ul li:nth-child(odd)::after {
display: none
}
}
@media screen and (max-width:450px) {
.p021-type .img {
width: 100%;
margin: 0 auto 20px
}
.p021-type .info {
padding-left: 0;
width: 100%;
max-width: 100%;
margin: 0 auto
}
}
.p02-top-desc {
padding: 100px 0 80px
}
.p02-top-desc h2 {
margin-bottom: 20px
}
.p02-top-desc .info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.p02-top-desc .info p {
width: 48%;
max-width: 540px
}
.p02-category {
padding-bottom: 120px
}
.p02-category .item-wrap {
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p02-category .item {
max-width: 380px;
width: calc(33.333% - 20px);
margin: 0 10px 20px
}
.p02-category .item h3 {
color: #6b6b6b;
font-size: 18px;
padding: 20px 10px 0
}
.p02-category .item:hover h3 {
color: #5fa807
}
.p02-category .img {
max-width: 380px;
max-height: 380px;
border: solid 1px #e1e3ee;
overflow: hidden
}
@media screen and (max-width:800px) {
.p02-category .item {
width: calc(50% - 20px)
}
}
@media screen and (max-width:767px) {
.p02-top-desc {
padding: 60px 0
}
.p02-top-desc .info {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.p02-top-desc .info p {
width: 100%;
max-width: 100%;
margin-bottom: 20px
}
.p02-category {
padding-bottom: 60px
}
}
@media screen and (max-width:500px) {
.p02-category .item {
width: 100%;
margin: 0 auto 20px
}
.p02-category .item:last-child {
margin-bottom: 0
}
}
#banner {
position: relative;
height: 641px;
background-image: url(../images/p01-s01-banner-bg.jpg);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center
}
#banner .mml-row {
padding: 140px 10px
}
#banner .info {
max-width: 785px;
margin: auto
}
#banner .info h3 {
color: #fff;
margin-bottom: 10px
}
#banner .info h1 {
max-width: 680px;
margin: 0 auto 20px
}
#banner .info p {
color: #fff;
font-size: 16px
}
#banner .info p span {
font-weight: 600
}
#banner .scroll-down-wrap {
position: absolute;
width: 100%;
text-align: center;
bottom: 40px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
#banner .scroll-down-wrap .scroll-down {
display: inline-block;
position: relative;
color: #fff;
font-size: 18px;
width: 83px;
height: 83px;
line-height: 83px;
background-color: #5fa807;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0
}
.p01-why {
padding: 100px 0 170px
}
.p01-why .item-wrap {
margin: 80px -10px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p01-why .item {
max-width: 380px;
margin: 0 10px;
width: calc(33.3333% - 20px);
padding-right: 30px
}
.p01-why .item:last-child {
padding-right: 50px
}
.p01-why .icon {
max-width: 80px;
margin: 0 auto 35px 0
}
.p01-why .info h3 {
margin-bottom: 20px
}
.p01-why .info .link {
margin-top: 30px
}
.p01-category .item-wrap::after {
display: block;
content: '';
clear: both
}
.p01-category .item {
max-width: 470px;
margin: 0 45px 50px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.p01-category .item.product h3 {
padding: 25px 20px 0;
font-size: 18px
}
.p01-category .item.product:hover h3 {
color: #5fa807
}
.p01-category .item.title {
max-width: 520px;
margin-bottom: 80px;
margin-top: 70px
}
.p01-category .item.title h2 {
margin-bottom: 25px
}
.p01-category .item:nth-child(odd) {
float: left
}
.p01-category .item:nth-child(even) {
float: right
}
.p01-category .img {
max-width: 470px;
max-height: 470px;
border: solid 1px #e1e3ee;
overflow: hidden
}
.p01-application {
padding: 150px 0 180px
}
.p01-application .title {
max-width: 780px;
margin: 0 auto 55px
}
.p01-application .title h2 {
margin-bottom: 20px
}
.p01-application .title .link {
margin-top: 10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.p01-application .item-wrap {
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p01-application .item {
max-width: 380px;
margin: 0 10px;
width: calc(33.3333% - 20px)
}
.p01-application .img {
position: relative;
max-width: 380px;
max-height: 500px;
overflow: hidden
}
.p01-application .img img {
position: relative;
z-index: 2
}
.p01-application .img h3 {
position: absolute;
bottom: 0;
left: 0;
z-index: 3;
padding: 40px 30px;
color: #fff;
font-size: 24px
}
.p01-capacity {
padding: 100px 0;
background-color: #fafafa
}
.p01-capacity .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p01-capacity .img {
max-width: 640px;
max-height: 600px;
width: 54.5%;
-webkit-border-radius: 10px;
border-radius: 10px;
overflow: hidden
}
.p01-capacity .info {
max-width: 540px;
width: 45.5%;
padding-left: 50px
}
.p01-capacity .info h2 {
max-width: 460px
}
.p01-capacity .info p {
margin: 15px 0 45px
}
.p01-capacity .info ul li {
position: relative;
padding-left: 37px;
font-size: 16px;
font-weight: 500
}
.p01-capacity .info ul li:not(:last-child) {
margin-bottom: 25px
}
.p01-capacity .info ul li i {
position: absolute;
left: 0;
top: 3px;
color: #5fa807;
margin-right: 20px
}
.p01-step {
padding: 170px 0 190px
}
.p01-step .title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
margin-bottom: 90px
}
.p01-step .title h2 {
max-width: 600px
}
.p01-step .title .link {
margin-top: 20px
}
.p01-step .item-wrap {
position: relative;
margin: 0 -10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p01-step .item-wrap::before {
position: absolute;
top: 74px;
left: 50%;
z-index: -1;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 80%;
display: block;
content: '';
border: 1px dashed rgba(0,0,0,.1)
}
.p01-step .item {
max-width: 280px;
margin: 0 10px;
width: calc(25% - 20px);
padding: 0 5px;
text-align: center
}
.p01-step .icon {
display: inline-block;
margin: 0 auto 35px;
padding: 27px;
background-color: #5fa807;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 10px solid #fff;
-webkit-box-shadow: 0 9px 27px 3px rgba(135,141,163,.3);
box-shadow: 0 9px 27px 3px rgba(135,141,163,.3);
overflow: hidden
}
.p01-step .info h3 {
margin-bottom: 15px;
font-size: 18px
}
.p01-more {
padding-bottom: 130px
}
.p01-more .wrap {
position: relative;
max-width: 1920px;
margin: auto;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p01-more .img {
max-width: 900px;
width: 50%;
overflow: hidden
}
.p01-more .info {
position: relative;
z-index: 3;
max-width: 615px;
width: 45%;
margin: 0 auto 0 25px
}
.p01-more .info .sec-title {
max-width: 460px
}
.p01-more .info .sec-title h2 {
margin-bottom: 15px
}
.p01-more .custom-faq {
margin-top: 40px
}
.p01-more .custom-faq .container {
width: 100%;
padding: 0
}
.p01-more .link {
margin-top: 70px;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media screen and (max-width:1250px) {
.p01-category .item {
width: 44%;
margin: 0 3% 50px
}
.p01-category .item.title {
width: 44%;
margin: 7% 3% 80px
}
}
@media screen and (max-width:1199px) {
.p01-why .item {
padding-right: 3%
}
.p01-capacity .info {
padding-left: 3%
}
}
@media screen and (max-width:1000px) {
#banner {
height: 540px
}
.p01-more {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p01-more .img {
position: relative;
width: 100%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.p01-more .info {
width: 100%;
max-width: 900px;
margin: 0 auto 70px;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.p01-more .info .sec-title {
max-width: 100%
}
}
@media screen and (max-width:850px) {
#banner {
height: 480px
}
}
@media screen and (max-width:767px) {
#banner {
height: auto
}
#banner .mml-row {
padding: 80px 10px 140px
}
#banner .scroll-down-wrap .scroll-down {
width: 50px;
height: 50px;
line-height: 50px
}
.p01-why {
padding: 60px 0
}
.p01-why .item {
width: calc(50% - 20px);
margin: 0 10px 30px
}
.p01-category .item {
width: 46%;
margin: 0 2% 50px
}
.p01-category .item.title {
width: 46%;
margin: 0 2% 50px
}
.p01-application {
padding: 60px 0
}
.p01-application .item {
width: calc(50% - 20px);
margin: 0 10px 20px
}
.p01-capacity {
padding: 60px 0
}
.p01-capacity .img {
width: 100%;
margin: 0 auto;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.p01-capacity .info {
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
padding-left: 0;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.p01-step {
padding: 60px 0
}
.p01-step .title {
text-align: center;
margin-bottom: 50px
}
.p01-step .title h2 {
max-width: 100%;
width: 100%
}
.p01-step .title .link {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%
}
.p01-step .item-wrap::before {
display: none
}
.p01-step .item {
width: calc(50% - 20px);
max-width: 100%;
margin: 0 10px 20px
}
.p01-more {
padding-bottom: 60px
}
}
@media screen and (max-width:600px) {
.p01-category .item {
width: 100%;
float: none!important;
margin: 0 auto 30px
}
.p01-category .item.title {
width: 100%;
margin: 0 auto 30px
}
.p01-category .item:last-child {
margin-bottom: 0
}
}
@media screen and (max-width:500px) {
.p01-why .item-wrap {
margin: 50px 0 0
}
.p01-why .item {
padding-right: 0!important;
width: 100%;
max-width: 100%;
margin: 0 auto 30px;
text-align: center
}
.p01-why .item:last-child {
margin-bottom: 0
}
.p01-why .icon {
margin: 0 auto 30px
}
.p01-why .link {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}/*!