ul li{
list-style:none;
}
#profilediy{
margin-top: 20px !important;
}
.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
}
.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;
word-break: 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% - var(--wp--style--block-gap,.5em)*0.75)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-50 {
width: calc(50% - var(--wp--style--block-gap,.5em)*0.5)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-75 {
width: calc(75% - var(--wp--style--block-gap,.5em)*0.25)
}
.wp-block-buttons>.wp-block-button.wp-block-button__width-100 {
width: 100%;
flex-basis: 100%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25 {
width: 25%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50 {
width: 50%
}
.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75 {
width: 75%
}
.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>:where(.wp-block-button__link),:where(.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.is-vertical {
flex-direction: column
}
.wp-block-buttons.is-vertical>.wp-block-button:last-child {
margin-bottom: 0
}
.wp-block-buttons>.wp-block-button {
display: inline-block;
margin: 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.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: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;
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:where(.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
}
@media (max-width:599px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 100%!important
}
}
@media (min-width:600px) and (max-width:781px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:only-child) {
flex-basis: calc(50% - var(--wp--style--block-gap,2em)/2)!important;
flex-grow: 0
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:nth-child(2n) {
margin-left: var(--wp--style--block-gap,2em)
}
}
@media (min-width:782px) {
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
flex-basis: 0%;
flex-grow: 1
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap,2em)
}
}
.wp-block-columns.is-not-stacked-on-mobile {
flex-wrap: nowrap
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column {
flex-basis: 0%;
flex-grow: 1
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column:not(:first-child) {
margin-left: var(--wp--style--block-gap,2em)
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
.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-image .has-background-dim:not([class*=-background-color]),.wp-block-cover.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-image .has-background-dim:before,.wp-block-cover.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 .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 .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 .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-0 {
opacity: 0
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-10 {
opacity: .1
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-20 {
opacity: .2
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-30 {
opacity: .3
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-40 {
opacity: .4
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-50 {
opacity: .5
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-60 {
opacity: .6
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-70 {
opacity: .7
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-80 {
opacity: .8
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-90 {
opacity: .9
}
.wp-block-cover-image .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100,.wp-block-cover .wp-block-cover__gradient-background.has-background-dim.has-background-dim-100 {
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.is-light .wp-block-cover__inner-container,.wp-block-cover.is-light .wp-block-cover__inner-container {
color: #000
}
.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;
overflow-wrap: break-word
}
.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;
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%;
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: 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;
z-index: 2
}
.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 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%;
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
}
.wp-block-gallery.has-nested-images.aligncenter {
justify-content: center
}
.wp-block-group {
box-sizing: border-box
}
h1,h2,h3,h4,h5,h6 {
overflow-wrap: break-word
}
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 {
vertical-align: bottom
}
.wp-block-image:not(.is-style-rounded)>a,.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 {
height: auto;
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;
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,ul {
overflow-wrap: break-word
}
ol.has-background,ul.has-background {
padding: 1.25em 2.375em
}
.wp-block-media-text {
direction: ltr;
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 {
grid-column: 1;
grid-row: 1;
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
grid-column: 2;
grid-row: 1;
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
grid-column: 2;
grid-row: 1
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
grid-column: 1;
grid-row: 1
}
.wp-block-media-text__media img,.wp-block-media-text__media video {
height: auto;
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;
--navigation-layout-justification-setting: flex-start;
--navigation-layout-direction: row;
--navigation-layout-wrap: wrap;
--navigation-layout-justify: flex-start;
--navigation-layout-align: center
}
.wp-block-navigation ul {
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
padding-left: 0
}
.wp-block-navigation ul,.wp-block-navigation ul li {
list-style: none;
padding: 0
}
.wp-block-navigation .wp-block-navigation-item {
display: flex;
align-items: center;
position: relative
}
.wp-block-navigation .wp-block-navigation-item .wp-block-navigation__submenu-container:empty {
display: none
}
.wp-block-navigation .wp-block-navigation-item__content {
color: inherit;
display: block;
padding: 0
}
.wp-block-navigation[style*=text-decoration] .wp-block-navigation-item,.wp-block-navigation[style*=text-decoration] .wp-block-navigation__submenu-container,.wp-block-navigation[style*=text-decoration] a,.wp-block-navigation[style*=text-decoration] a:active,.wp-block-navigation[style*=text-decoration] a:focus {
text-decoration: inherit
}
.wp-block-navigation:not([style*=text-decoration]) a,.wp-block-navigation:not([style*=text-decoration]) a:active,.wp-block-navigation:not([style*=text-decoration]) a:focus {
text-decoration: none
}
.wp-block-navigation .wp-block-navigation__submenu-icon {
align-self: center;
line-height: 0;
display: inline-block;
vertical-align: middle;
font-size: inherit;
padding: 0;
background-color: inherit;
color: currentColor;
border: none;
margin-left: .25em;
width: .6em;
height: .6em
}
.wp-block-navigation .wp-block-navigation__submenu-icon svg {
display: inline-block;
stroke: currentColor;
width: inherit;
height: inherit
}
.wp-block-navigation.is-vertical {
--navigation-layout-direction: column;
--navigation-layout-justify: initial;
--navigation-layout-align: flex-start
}
.wp-block-navigation.no-wrap {
--navigation-layout-wrap: nowrap
}
.wp-block-navigation.items-justified-center {
--navigation-layout-justification-setting: center;
--navigation-layout-justify: center
}
.wp-block-navigation.items-justified-center.is-vertical {
--navigation-layout-align: center
}
.wp-block-navigation.items-justified-right {
--navigation-layout-justification-setting: flex-end;
--navigation-layout-justify: flex-end
}
.wp-block-navigation.items-justified-right.is-vertical {
--navigation-layout-align: flex-end
}
.wp-block-navigation.items-justified-space-between {
--navigation-layout-justification-setting: space-between;
--navigation-layout-justify: space-between
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) {
background-color: inherit;
color: inherit;
position: absolute;
z-index: 2;
display: flex;
flex-direction: column;
align-items: normal;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden;
width: 0;
height: 0;
overflow: hidden;
left: -1px;
top: 100%
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content {
display: flex;
flex-grow: 1
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container)>.wp-block-navigation-item>.wp-block-navigation-item__content .wp-block-navigation__submenu-icon {
margin-right: 0;
margin-left: auto
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation-item__content {
margin: 0
}
@media (min-width:782px) {
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container {
left: 100%;
top: -1px
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: .5em;
background: transparent
}
.wp-block-navigation .has-child :where(.wp-block-navigation__submenu-container) .wp-block-navigation__submenu-icon svg {
transform: rotate(-90deg)
}
}
.wp-block-navigation .has-child:where(:not(.open-on-click)):hover>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child:where(:not(.open-on-click):not(.open-on-hover-click)):focus-within>.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]+.wp-block-navigation__submenu-container {
visibility: visible;
overflow: visible;
opacity: 1;
width: auto;
height: auto;
min-width: 200px
}
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container {
left: 0;
top: 100%
}
@media (min-width:782px) {
.wp-block-navigation.has-background .has-child .wp-block-navigation__submenu-container .wp-block-navigation__submenu-container {
left: 100%;
top: 0
}
}
.wp-block-navigation-submenu {
position: relative;
display: flex
}
.wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg {
stroke: currentColor
}
img {
display: block;
margin: auto;
max-width: 100%;
max-height: 100%;
-webkit-transition: all .24s ease;
-o-transition: all .24s ease;
transition: all .24s ease
}
.slick-slide {
outline: none
}
.slick-slide a {
outline: none
}
.slick-arrow {
position: absolute;
z-index: 1;
border: unset;
background-color: transparent;
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: 30px;
text-align: center;
cursor: pointer
}
.slick-arrow i {
font-size: 18px;
color: #856d61
}
.slick-arrow i:hover {
color: #ec461f
}
.slick-arrow.slick-prev {
left: 10px;
}
.slick-arrow.slick-next {
right: 10px;
}
.slick-arrows {
position: absolute;
z-index: 1;
border: unset;
background-color: transparent;
top: -150%;
-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: 30px;
text-align: center;
cursor: pointer;
}
.slick-arrows i {
font-size: 18px;
color: #856d61
}
.slick-arrows i:hover {
color: #ec461f
}
.slick-prevs {
left: 10px;
}
.slick-nexts {
right: 10px;
}
.slick-dots {
text-align: center
}
.slick-dots>li {
display: inline-block;
margin: 4px;
width: 12px;
height: 12px;
background-color: #ec461f;
-webkit-border-radius: 100px;
border-radius: 100px;
-webkit-transition: all 0.24s;
-o-transition: all 0.24s;
transition: all 0.24s;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #ec461f;
cursor: pointer
}
.slick-dots>li.slick-active {
background-color: transparent
}
.slick-dots button {
display: none
}
.slick-track {
margin: 0 auto;
margin-left: 0px!important
}
.m-header {
position: relative;
z-index: 91;
background-color: rgba(0,0,0,0)
}
.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 .m-header-bd {
padding: 0 80px
}
@media (max-width:1340px) {
.m-header .m-header-bd {
padding: 0 20px
}
}
.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;
width: 1560px
}
.m-header .m-logo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%;
padding: 8px 0;
text-align: center
}
.m-header .m-nav {
margin: 0 0 0 auto;
white-space: nowrap;
text-align: center
}
.m-header .m-nav .responsive-menu-toggle {
display: none;
padding: 10px;
color: #1a1a1a
}
.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 .current-menu-parent>a,.m-header .m-nav .menu .current-menu-item>a {
color: #ec461f
}
.m-header .m-nav .menu .current-menu-parent>a:after,.m-header .m-nav .menu .current-menu-item>a:after {
content: '';
display: block;
width: 100%;
height: 1px;
border-bottom: 1px solid #ec461f
}
.m-header .m-nav .menu a {
position: relative;
display: block;
padding: 20px 25px
}
@media (max-width:1340px) {
.m-header .m-nav .menu a {
padding: 20px 15px
}
}
@media (max-width:1140px) {
.m-header .m-nav .menu a {
padding: 20px 12px
}
}
.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: #1a1a1a
}
.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
}
.product-details .p3-s01 .img-list {
width: 50%;
max-width: 580px
}
.product-details .p3-s01 .img-list ul.slider-for li {
cursor: pointer
}
.img-list ul.slider-for li img {
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc
}
.img-list ul.slider-nav {
margin: 10px -10px
}
.img-list ul.slider-nav li {
margin: 10px
}
.img-list ul.slider-nav li img {
width: 100%;
display: block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc
}
.product-details .p3-s01 .des-wrap {
width: 48%;
max-width: 490px;
margin: 0 auto;
margin-right: 0
}
.product-details .p3-s01 button.slick-prev {
left: 10px
}
.product-details .p3-s01 button.slick-next {
right: 10px
}
.product-details .p3-s01 h2 {
margin-bottom: 30px
}
.product-details .p3-s01 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c;
margin-top: 23px;
margin-bottom: 15px
}
.product-details .p3-s01 .des-wrap li {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 25px
}
.product-details .p3-s01 .des-wrap li:before {
content: '';
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #676a6c;
position: absolute;
left: 0;
top: 10px
}
.product-details .p3-s01 b {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c
}
.product-details .p3-s02 {
padding: 120px 0;
background-color: #f7f9fa
}
.product-details .p3-s02 .form-wrap {
margin-top: 20px
}
.product-details .p3-s02 .col {
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
}
.product-details .p3-s02 .col label {
width: 49%;
max-width: 580px
}
.product-details .p3-s02 span.txt {
display: block;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #676a6c;
margin-bottom: 15px;
margin-top: 20px
}
.product-details .p3-s02 input:not(.wpcf7-submit) {
width: 100%;
max-width: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc;
height: 60px;
padding-left: 15px
}
.product-details .p3-s02 textarea {
width: 100%;
max-width: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc;
padding-left: 15px;
padding-top: 15px;
height: 160px
}
.product-details .p3-s02 textarea:focus {
outline: none
}
.product-details .p3-s02 .codedropz-upload-wrapper {
background-color: #fff
}
.product-details .p3-s02 .codedropz-upload-handler {
border: 1px solid #dcdcdc;
-webkit-border-radius: 0;
border-radius: 0
}
.product-details .p3-s02 .codedropz-upload-container {
padding: 41px 20px
}
.product-details .p3-s02 .wpcf7-submit {
background-color: #ec461f;
color: #fff;
-webkit-border-radius: 50px;
border-radius: 50px;
height: 60px;
width: 120px
}
.product-details .p3-s03 {
padding: 120px 0
}
.product-details .p3-s03 h2 {
text-align: center;
margin-bottom: 60px
}
.product-details .p3-s03 .related-list {
margin: 0 -10px
}
.product-details .p3-s03 .related-list li {
margin: 0 10px
}
.product-details .p3-s03 .related-list li:hover p {
color: #ec461f;
text-decoration: underline
}
.product-details .p3-s03 p {
text-align: center;
margin-top: 15px
}
.product-details .p3-s03 button {
margin-top: -15px
}
.product-details .p3-s03 button i {
color: #e1e6e6
}
.product-details .p3-s03 button i:hover {
color: #ec461f
}
.product-details .p3-s03 button.slick-prev {
left: -20px
}
.product-details .p3-s03 button.slick-next {
right: -20px
}
@media (max-width:1240px) {
.product-details .p3-s03 button.slick-prev {
left: 10px
}
.product-details .p3-s03 button.slick-next {
right: 10px
}
}
@media (max-width:960px) {
.product-details .p3-s01 h2 {
font-size: 36px;
margin-bottom: 20px
}
}
@media (max-width:768px) {
.product-details .p3-s01 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-details .p3-s01 .img-list {
width: 100%
}
.product-details .p3-s01 .des-wrap {
width: 100%;
margin: 0 auto;
margin-top: 40px;
max-width: 580px
}
}
@media (max-width:540px) {
.product-details .p3-s01 {
padding: 60px 0
}
.product-details .p3-s01 h2 {
font-size: 26px
}
.product-details .p3-s01 h4 {
font-size: 18px;
margin-top: 10px
}
.product-details .p3-s02 {
padding: 60px 0
}
.product-details .p3-s02 .col {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-details .p3-s02 .col label {
width: 100%;
max-width: unset
}
.product-details .p3-s03 {
padding: 60px 0
}
.product-details .p3-s03 h2 {
margin-bottom: 30px
}
.product-details .p3-s03 .related-list {
margin: 0 -5px
}
.product-details .p3-s03 .related-list li {
margin: 0 5px
}
}
.product-page .p2-s01 {
padding: 120px 0
}
.product-page .p2-s01 .sec-title {
text-align: center;
margin-bottom: 55px
}
.product-page .p2-s01 h2 {
margin-bottom: 10px
}
.product-page .p2-s01 .active-list {
margin: 0 -10px
}
.product-page .p2-s01 .active-list li {
margin: 0 10px
}
.product-page .p2-s01 .active-list li:hover p {
color: #ec461f;
text-decoration: underline
}
.product-page .p2-s01 p {
text-align: center;
margin-top: 15px
}
.product-page .p2-s01 button {
top: 38%
}
.product-page .p2-s01 button i {
color: #e1e6e6
}
.product-page .p2-s01 button i:hover {
color: #ec461f
}
.product-page .p2-s01 button.slick-prev {
left: -20px
}
.product-page .p2-s01 button.slick-next {
right: -20px
}
@media (max-width:1240px) {
.product-page .p2-s01 button.slick-prev {
left: 10px
}
.product-page .p2-s01 button.slick-next {
right: 10px
}
}
.product-page .p2-s01 .slick-dots {
margin-top: 45px
}
.product-page .p2-s01 .slick-dots li {
margin: 0 5px
}
.product-page .p2-s02 {
padding: 120px 0 80px;
background-color: #f7f9fa
}
.product-page .p2-s02 .sec-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 55px
}
.product-page .p2-s02 .title-left {
width: 46%;
max-width: 540px
}
.product-page .p2-s02 .title-right {
width: 47%;
max-width: 550px;
margin: 0 auto;
margin-right: 0
}
.product-page .p2-s02 .line {
width: 100%;
max-width: 550px;
height: 3px;
background-color: #ec461f;
margin-bottom: 55px
}
.product-page .p2-s02 section {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-page .p2-s02 .flame-sec {
width: 49%;
max-width: 550px
}
.product-page .p2-s02 .pic {
width: 49%;
max-width: 550px;
margin: 0 auto;
margin-right: 0
}
.product-page .p2-s02 button {
position: static;
display: inline-block!important;
-webkit-transform: unset!important;
-ms-transform: unset!important;
transform: unset!important;
width: 20px
}
.product-page .p2-s02 button i {
color: #e1e6e6;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
font-size: 16px
}
.product-page .p2-s02 button i:hover {
color: #ec461f
}
.product-page .p2-s02 .col {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 30px
}
.product-page .p2-s02 .img-wrap {
width: 18%;
max-width: 80px
}
.product-page .p2-s02 .text-wrap {
width: 80%;
max-width: 450px;
margin: 0 auto;
margin-right: 0
}
.product-page .p2-s02 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c;
margin-bottom: 12px
}
.product-page .p2-s02 .cur {
margin-top: 20px;
color: #ec461f;
font-size: 20px
}
.product-page .p2-s02 .cur span {
color: #ec461f;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px
}
.product-page .p2-s02 .num {
margin-right: 4px
}
.product-page .p2-s03 {
padding: 120px 0
}
.product-page .p2-s03 h2 {
margin-bottom: 55px
}
.product-page .p2-s03 .pic-tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-page .p2-s03 .pic-sec {
width: 86%;
max-width: 1010px
}
.product-page .p2-s03 .tab-btn {
width: 13%;
max-width: 150px;
margin: 0 auto;
margin-right: 0
}
.product-page .p2-s03 .tab-btn li {
margin-bottom: 20px;
position: relative;
cursor: pointer
}
.product-page .p2-s03 .tab-btn li:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.75);
left: 0;
top: 0;
position: absolute;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.product-page .p2-s03 .tab-btn li:hover:before,.product-page .p2-s03 .tab-btn li.active:before {
opacity: 1
}
.product-page .p2-s03 section {
display: none
}
.product-page .p2-s03 section.current {
display: block
}
.product-page .p2-s03 .text-wrap {
margin-top: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.product-page .p2-s03 .des-title {
width: 33%;
max-width: 300px
}
.product-page .p2-s03 .des-txt {
width: 65%;
max-width: 640px;
margin: 0 auto;
margin-right: 0
}
.product-page .p2-s03 h3 {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
color: #373a3c
}
.product-page .p2-s03 .line {
width: 60px;
height: 3px;
background-color: #ec461f;
margin-top: 55px
}
.product-page .p2-s04 {
padding: 120px 0 160px;
background-color: #f7f9fa
}
.product-page .p2-s04 h2 {
text-align: center
}
.product-page .p2-s04 .solution-list {
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
}
.product-page .p2-s04 li {
margin-top: 55px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 19%;
max-width: 220px;
background-color: #fff;
-webkit-box-shadow: 19px 23px 120px 0 rgba(60,57,55,.15);
box-shadow: 19px 23px 120px 0 rgba(60,57,55,.15);
padding: 30px 30px 60px;
text-align: center;
position: relative;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
height: 100%
}
.product-page .p2-s04 li:hover h4,.product-page .p2-s04 li.act h4 {
color: #ec461f;
border-color: #ec461f
}
.product-page .p2-s04 li:hover p,.product-page .p2-s04 li.act p {
display: block
}
.product-page .p2-s04 li p {
display: none
}
.product-page .p2-s04 img {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -40px
}
.product-page .p2-s04 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c;
margin-bottom: 12px;
border-bottom: 1px solid #fff;
display: inline-block
}
.product-page .p2-s05 {
padding: 80px 0;
background-color: #ec461f;
text-align: center
}
.product-page .p2-s05 h2 {
color: #fff;
display: inline-block;
margin-bottom: 15px
}
.product-page .p2-s05 p {
color: #fff
}
.product-page .p2-s05 a.btn {
margin-top: 50px;
border: 1px solid #fff
}
.product-page .p2-s05 a.btn:hover {
background-color: #ec461f;
color: #fff
}
.product-page .p2-s05 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 850px;
margin: 0 auto
}
.product-page .p2-s05 li {
width: 32%;
color: #fff;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
margin-top: 15px
}
.product-page .p2-s05 i {
margin-right: 10px
}
@media (max-width:960px) {
.product-page .p2-s04 li {
padding: 30px 10px 50px
}
}
@media (max-width:880px) {
.product-page .p2-s04 .solution-list {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-page .p2-s04 li {
width: 30%;
margin: 50px 5px
}
.product-page .p2-s04 p {
display: block!important
}
}
@media (max-width:768px) {
.product-page .p2-s02 .sec-title {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-page .p2-s02 .title-left {
width: 100%;
max-width: unset
}
.product-page .p2-s02 .title-right {
width: 100%;
max-width: unset;
margin-top: 20px
}
.product-page .p2-s02 .line {
display: none
}
.product-page .p2-s02 section {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-page .p2-s02 .flame-sec {
width: 100%
}
.product-page .p2-s02 .pic {
width: 100%;
margin: 0 auto;
margin-top: 30px
}
.product-page .p2-s02 .slick-dots {
margin-top: 0
}
.product-page .p2-s02 .cur {
margin-top: 0
}
.product-page .p2-s02 .col {
margin-bottom: 30px
}
.product-page .p2-s03 .pic-sec {
width: 77%
}
.product-page .p2-s03 .tab-btn {
width: 21%
}
.product-page .p2-s03 .text-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-page .p2-s03 .des-title {
width: 100%;
max-width: unset
}
.product-page .p2-s03 .des-txt {
width: 100%;
max-width: unset
}
.product-page .p2-s03 .line {
margin-top: 20px;
margin-bottom: 25px
}
}
@media (max-width:540px) {
.product-page .p2-s01 {
padding: 60px 0
}
.product-page .p2-s01 .active-list {
margin: 0 -5px
}
.product-page .p2-s01 .active-list li {
margin: 0 5px
}
.product-page .p2-s02 {
padding: 60px 0
}
.product-page .p2-s03 {
padding: 60px 0
}
.product-page .p2-s03 h2 {
margin-bottom: 30px
}
.product-page .p2-s03 h3 {
font-size: 24px
}
.product-page .p2-s04 {
padding: 60px 0
}
.product-page .p2-s04 .solution-list {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.product-page .p2-s04 li {
width: 49%;
margin: 40px 0;
max-width: 280px;
height: auto
}
.product-page .p2-s04 h4 {
font-size: 16px
}
.product-page .p2-s05 {
padding: 60px 0
}
.product-page .p2-s05 ul {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.product-page .p2-s05 li {
width: 100%
}
.product-page .p2-s05 a.btn {
margin-top: 20px
}
}
.home-page .p1-s09 {
padding: 120px 0 160px;
background-color: #fafaf7
}
.home-page .p1-s09 .sec-title {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 1080px
}
.home-page .p1-s09 .title-left {
width: 42%;
max-width: 380px
}
.home-page .p1-s09 .title-right {
width: 56%;
max-width: 580px;
margin: 0 auto;
margin-right: 0
}
.home-page .p1-s09 section {
margin-top: 35px;
position: relative
}
.home-page .p1-s09 section:after {
content: '';
display: block;
width: 200px;
height: 420px;
background-color: #ec461f;
position: absolute;
right: 0;
bottom: -40px
}
.home-page .p1-s09 .text-wrap {
position: absolute;
background-color: #fafaf7;
width: 90%;
max-width: 710px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 30px 0 0;
left: 0;
bottom: -40px
}
.home-page .p1-s09 ul {
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
}
.home-page .p1-s09 li {
width: 32%;
margin-bottom: 30px;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c
}
.home-page .p1-s09 img {
margin-left: 0
}
.home-page .p1-s09 i {
font-size: 18px;
color: #ec461f;
margin-right: 10px
}
.home-page .p1-s08,.home-page .p1-s06 {
padding: 120px 0
}
.home-page .p1-s08 .container,.home-page .p1-s06 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-page .p1-s08 .img-wrap,.home-page .p1-s06 .img-wrap {
width: 60%;
max-width: 700px;
position: relative
}
.home-page .p1-s08 .img-wrap::before,.home-page .p1-s06 .img-wrap::before {
content: '';
display: block;
width: 50px;
height: 54%;
background: #fff;
position: absolute;
right: 0;
bottom: 0
}
.home-page .p1-s08 .text-wrap,.home-page .p1-s06 .text-wrap {
width: 38%;
max-width: 415px;
margin: 0 auto;
margin-right: 0;
margin-top: 60px
}
.home-page .p1-s08 p,.home-page .p1-s06 p {
max-width: 380px
}
.home-page .p1-s08 h2,.home-page .p1-s06 h2 {
color: #979a9c;
margin-bottom: 30px
}
.home-page .p1-s08 h3,.home-page .p1-s06 h3 {
font-size: 36px;
color: #373a3c;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 50px
}
.home-page .p1-s08 h3 b,.home-page .p1-s06 h3 b {
color: #ec461f
}
.home-page .p1-s08 p,.home-page .p1-s06 p {
margin-bottom: 15px
}
.home-page .p1-s08 a.link,.home-page .p1-s06 a.link {
color: #ec461f;
text-decoration: underline
}
.home-page .p1-s08 a.links,.home-page .p1-s06 a.links {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #ec461f;
font-size: 20px;
display: inline-block;
margin-top: 30px;
border-bottom: 1px solid transparent
}
.home-page .p1-s08 a.links:hover,.home-page .p1-s06 a.links:hover {
border-bottom: 1px solid #ec461f
}
.home-page .p1-s08 b,.home-page .p1-s06 b {
color: #373a3c;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal
}
.home-page .p1-s08 i,.home-page .p1-s06 i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-left: 5px
}
.home-page .p1-s07 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-page .p1-s07 .text-wrap {
width: 44%;
max-width: 480px;
padding-left: 60px;
padding-top: 60px
}
.home-page .p1-s07 .img-wrap {
width: 54%;
max-width: 650px;
margin: 0 auto;
margin-right: 0;
position: relative
}
.home-page .p1-s07 .img-wrap::before {
content: '';
display: block;
width: 50px;
height: 54%;
background: #fff;
position: absolute;
left: 0;
bottom: 0
}
.home-page .p1-s07 h2 {
color: #979a9c;
margin-bottom: 30px
}
.home-page .p1-s07 h3 {
font-size: 36px;
color: #373a3c;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 50px
}
.home-page .p1-s07 h3 b {
color: #ec461f
}
.home-page .p1-s07 p {
margin-bottom: 15px
}
.home-page .p1-s07 a.link {
color: #ec461f;
text-decoration: underline
}
.home-page .p1-s07 a.links {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #ec461f;
font-size: 20px;
display: inline-block;
margin-top: 30px;
border-bottom: 1px solid transparent
}
.home-page .p1-s07 a.links:hover {
border-bottom: 1px solid #ec461f
}
.home-page .p1-s07 i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-left: 5px
}
.home-page .p1-s05 {
padding: 116px 0;
background-image: url(http://www.hainankaijiang.top/wp-content/themes/mml-theme/dist/img/p01-home/p01-s05-frame.jpg)
}
.home-page .p1-s05 h2 {
text-align: center;
color: #fff
}
.home-page .p1-s05 .mml-bigRow {
width: 95%;
max-width: 1760px;
margin: 0 auto
}
.home-page .p1-s05 .behind-list {
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
}
.home-page .p1-s05 li {
width: 16%;
max-width: 276px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #434343;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 55px;
box-sizing: border-box;
padding: 58px 30px;
text-align: center
}
.home-page .p1-s05 p {
color: #d9d9d9
}
.home-page .p1-s05 b {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 48px;
color: #ec461f;
line-height: 1.2;
margin-bottom: 32px;
display: inline-block
}
.home-page .p1-s05 span {
font-size: 24px;
color: #ec461f;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal
}
.home-page .p1-s03 .sports-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-page .p1-s03 li {
width: 33.33333333%;
max-width: 640px;
position: relative;
background-color: #ec461f
}
.home-page .p1-s03 li:nth-child(2) {
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-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.home-page .p1-s03 .text {
width: 90%;
max-width: 500px;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.home-page .p1-s03 h2 {
color: #fff
}
.home-page .p1-s03 p {
color: #fff;
font-size: 20px;
position: absolute;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
bottom: 15px;
text-align: center
}
.home-page .p1-s03 .line {
width: 60px;
height: 3px;
background-color: #fff;
margin-top: 50px
}
.home-page .p1-s01 {
padding: 120px 0;
background-color: #3c3937;
background-image: url(http://www.hainankaijiang.top/wp-content/themes/mml-theme/dist/img/p01-home/p01-s02-frame.jpg)
}
.home-page .p1-s01 .sec-title {
text-align: center;
margin-bottom: 50px
}
.home-page .p1-s01 .sec-title p {
color: #999
}
.home-page .p1-s01 .slick-dots {
margin-top: 60px
}
.home-page .p1-s01 .slick-dots li {
margin: 0 5px!important
}
.home-page .p1-s01 h2 {
color: #fff;
margin-bottom: 15px
}
.home-page .p1-s01 .home-product {
margin: 0 -10px
}
.home-page .p1-s01 .home-product li {
margin: 0 10px
}
.home-page .p1-s01 .home-product li:hover p {
color: #ec461f;
text-decoration: underline
}
.home-page .p1-s01 .home-product p {
text-align: center;
margin-top: 15px;
color: #d9d9d9
}
.home-page .p1-s01 button {
margin-top: -15px
}
.home-page .p1-s01 button i {
color: #e1e6e6
}
.home-page .p1-s01 button i:hover {
color: #ec461f
}
.home-page .p1-s01 button.slick-prev {
left: -20px
}
.home-page .p1-s01 button.slick-next {
right: -20px
}
@media (max-width:1240px) {
.home-page .p1-s01 button.slick-prev {
left: 10px
}
.home-page .p1-s01 button.slick-next {
right: 10px
}
}
.home-page .per-sec {
padding: 120px 0
}
.home-page .per-sec .col {
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;
margin-top: 60px
}
.home-page .per-sec .per-tab {
width: 28%;
max-width: 300px
}
.home-page .per-sec .per-tab span {
font-size: 30px;
margin-right: 12px;
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
display: inline-block
}
.home-page .per-sec .per-section {
width: 70%;
max-width: 780px
}
.home-page .per-sec .btns {
width: 100%
}
.home-page .per-sec .btns img {
display: inline-block;
margin-right: 15px
}
.home-page .per-sec .btns li {
cursor: pointer;
padding: 2px 0 10px;
border-bottom: 1px solid #d2d2d2;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.home-page .per-sec .btns li.active,.home-page .per-sec .btns li:hover {
color: #ec461f
}
.home-page .per-sec .btns li.active i,.home-page .per-sec .btns li:hover i {
display: block;
color: #ec461f
}
.home-page .per-sec .btns li.active span,.home-page .per-sec .btns li:hover span {
color: #ec461f
}
.home-page .per-sec .btns li i {
float: right;
margin-top: 4px;
display: none;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px)
}
.home-page .per-sec section {
display: none
}
.home-page .per-sec section.current {
display: block
}
.home-page .per-sec section .text-wrap {
max-width: 480px;
min-height: 260px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
background-color: #3c3937;
margin-top: -260px
}
.home-page .per-sec section .img-wrap {
max-width: 680px;
width: 100%;
position: relative;
margin: 0 auto;
margin-right: 0;
z-index: -1
}
.home-page .per-sec section .img-wrap img {
display: block;
max-width: 100%
}
.home-page .per-sec section ul.index {
margin: 0 auto;
text-align: right;
margin-top: 18px
}
.home-page .per-sec section ul.index li {
display: inline-block;
margin: 0 auto;
text-align: right;
color: #ec461f
}
.home-page .per-sec section ul.index span {
font-family: fira-sans,sans-serif;
font-weight: 100;
font-style: normal;
color: #ec461f;
font-size: 110px;
line-height: 1;
font-weight: 100!important
}
.home-page .per-sec section .smallOne {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 48px;
-webkit-transform: translate(15px,-50px);
-ms-transform: translate(15px,-50px);
transform: translate(15px,-50px)
}
.home-page .per-sec section .bigOne {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 72px;
-webkit-transform: translate(-15px,10px);
-ms-transform: translate(-15px,10px);
transform: translate(-15px,10px)
}
.home-page .per-sec section h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 25px;
color: #fff;
font-size: 20px
}
.home-page .per-sec section p {
color: #d9d9d9;
margin-top: 10px
}
.home-page .per-sec h3 {
font-family: pt-sans-pro,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 48px;
margin-bottom: 25px
}
.home-page .per-sec b {
color: #ec461f
}
.home-page .per-sec .sec-title {
border-right: 5px solid #ec461f
}
.home-page .per-sec a.btn {
background-color: #f5fafa;
-webkit-border-radius: 30px;
border-radius: 30px;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
margin: 0 auto;
display: inline-block;
margin-top: 100px;
padding: 7px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 270px
}
.home-page .per-sec a.btn:hover {
background-color: #ec461f;
color: #fff
}
@media (max-width:1500px) {
.home-page .p1-s05 li {
padding: 40px 10px
}
.home-page .p1-s03 .text {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width:1240px) {
.home-page .p1-s05 b {
font-size: 32px;
margin-bottom: 20px
}
.home-page .p1-s03 h2 {
font-size: 36px
}
}
@media (max-width:1080px) {
.home-page .p1-s05 .behind-list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-page .p1-s05 li {
width: 32%;
max-width: 320px
}
.home-page .per-sec h3 {
font-size: 36px
}
.home-page .per-sec h2 {
font-size: 36px
}
.home-page .per-sec section ul.index {
margin-top: 30px
}
.home-page .per-sec section ul.index span {
font-size: 80px
}
.home-page .per-sec section li.bigOne {
font-size: 60px
}
.home-page .per-sec section li.smallOne {
font-size: 36px
}
}
@media (max-width:960px) {
.home-page .p1-s09 section::after {
display: none
}
.home-page .p1-s08 .text-wrap,.home-page .p1-s07 .text-wrap,.home-page .p1-s06 .text-wrap {
margin-top: 0;
padding-top: 0;
padding-left: 0
}
.home-page .p1-s08 h2,.home-page .p1-s07 h2,.home-page .p1-s06 h2 {
margin-bottom: 20px
}
.home-page .p1-s08 h3,.home-page .p1-s07 h3,.home-page .p1-s06 h3 {
margin-bottom: 30px
}
.home-page .p1-s08 p,.home-page .p1-s07 p,.home-page .p1-s06 p {
margin-bottom: 10px
}
.home-page .p1-s08 .img-wrap::before,.home-page .p1-s07 .img-wrap::before,.home-page .p1-s06 .img-wrap::before {
display: none
}
.home-page .p1-s03 li {
width: 50%
}
.home-page .p1-s03 h2 {
font-size: 32px
}
.home-page .p1-s03 .line {
display: none
}
}
@media (max-width:880px) {
.home-page .per-sec .col {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.home-page .per-sec .per-tab {
width: 100%
}
.home-page .per-sec .per-section {
width: 100%;
margin: 0 auto;
margin-top: 30px
}
.home-page .per-sec h3 {
font-size: 32px
}
.home-page .per-sec h2 {
font-size: 32px
}
.home-page .per-sec section ul.index {
margin-top: 30px
}
.home-page .per-sec section ul.index span {
font-size: 60px
}
.home-page .per-sec section li.bigOne {
font-size: 40px
}
.home-page .per-sec section li.smallOne {
font-size: 32px;
-webkit-transform: translate(15px,-30px);
-ms-transform: translate(15px,-30px);
transform: translate(15px,-30px)
}
}
@media (max-width:768px) {
.home-page .p1-s09 {
padding: 120px 0
}
.home-page .p1-s09 .text-wrap {
position: static;
width: 100%
}
.home-page .p1-s09 li {
width: 48%
}
.home-page .p1-s08 .container,.home-page .p1-s06 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.home-page .p1-s08 .img-wrap,.home-page .p1-s06 .img-wrap {
width: 100%
}
.home-page .p1-s08 .text-wrap,.home-page .p1-s06 .text-wrap {
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 30px
}
.home-page .p1-s08 h3,.home-page .p1-s06 h3 {
font-size: 28px
}
.home-page .p1-s07 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.home-page .p1-s07 .img-wrap {
width: 100%;
margin: 0 auto;
margin-top: 30px
}
.home-page .p1-s07 .text-wrap {
width: 100%;
max-width: 650px;
bottom: -20px
}
.home-page .p1-s07 h3 {
font-size: 28px
}
.home-page .per-sec .sec-title {
border-right: unset
}
}
@media (max-width:580px) {
.home-page .per-sec {
padding: 60px 0
}
.home-page .per-sec a.btn {
margin-top: 30px
}
.home-page .per-sec h2,.home-page .per-sec h3 {
font-size: 26px
}
.home-page .per-sec section ul.index {
display: none
}
.home-page .per-sec section .text-wrap {
margin-top: 0;
padding: 30px 20px
}
}
@media (max-width:540px) {
.home-page .p1-s09 {
padding: 60px 0
}
.home-page .p1-s09 .sec-title {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.home-page .p1-s09 .title-left {
width: 100%;
max-width: unset
}
.home-page .p1-s09 .title-right {
width: 100%;
margin-top: 30px
}
.home-page .p1-s09 li {
width: 100%;
margin-bottom: 15px
}
.home-page .p1-s08,.home-page .p1-s06 {
padding: 60px 0
}
.home-page .p1-s08 h3,.home-page .p1-s06 h3 {
font-size: 24px
}
.home-page .p1-s08 a.links,.home-page .p1-s06 a.links {
margin-top: 15px
}
.home-page .p1-s07 h3 {
font-size: 24px
}
.home-page .p1-s07 a.links {
margin-top: 15px
}
.home-page .p1-s05 {
padding: 60px 0
}
.home-page .p1-s05 li {
width: 49%;
margin-top: 20px
}
.home-page .p1-s05 b {
font-size: 26px
}
.home-page .p1-s03 h2 {
font-size: 26px
}
.home-page .p1-s03 li {
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.home-page .p1-s03 li:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding: 60px 0
}
.home-page .p1-s01 {
padding: 60px 0 60px
}
.home-page .p1-s01 h2 {
margin-bottom: 30px
}
.home-page .p1-s01 .home-product {
margin: 0 -5px
}
.home-page .p1-s01 .home-product li {
margin: 0 5px
}
}
.ldp-page .btn-wrap {
text-align: center
}
.ldp-page a.btn {
background-color: #ec461f;
color: #fff;
-webkit-border-radius: 30px;
border-radius: 30px;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
margin: 0 auto;
display: inline-block;
margin-top: 50px;
padding: 7px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 270px
}
.ldp-page a.fixe-btn {
background-color: #ec461f;
-webkit-border-radius: 30px;
border-radius: 30px;
color: #fff;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
margin: 0 auto;
display: inline-block;
margin-top: 100px;
padding: 7px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
max-width: 270px;
position: fixed;
right: -30px;
bottom: 100px;
z-index: 9999999
}
.ldp-page .home-banner {
padding-top: 60px
}
.ldp-page .home-banner .ldp-logo {
margin-bottom: 20px;
margin-left: 0
}
.ldp-page .home-banner li {
font-family: fira-sans,sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
color: #fff;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 20px
}
.ldp-page .home-banner li:before {
content: '';
display: block;
width: 10px;
height: 10px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
position: absolute;
left: 0;
top: 7px
}
.ldp-page .home-banner .line {
margin-bottom: 5px
}
.ldp-page .home-banner .banner-text {
margin-top: 30px
}
.ldp-page .p21-s02 {
padding: 0 0 250px;
background-color: #f7f9fa
}
.ldp-page .p21-s02 h2 {
text-align: center;
margin-bottom: 55px
}
.ldp-page .p21-s02 section {
position: relative
}
.ldp-page .p21-s02 .text-wrap {
position: absolute;
right: 0;
bottom: -120px;
background-color: #f7f9fa;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 90%;
max-width: 880px;
padding: 25px
}
.ldp-page .p21-s02 ul {
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
}
.ldp-page .p21-s02 li {
width: 49%;
max-width: 390px;
margin-bottom: 25px
}
.ldp-page .p21-s02 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #373a3c;
font-size: 20px;
margin-bottom: 15px
}
.ldp-page .p21-s02 i {
font-size: 18px;
margin-right: 10px
}
.ldp-page .p1-s05 {
padding: 116px 0;
background-image: url(http://www.hainankaijiang.top/wp-content/themes/mml-theme/dist/img/p01-home/p01-s05-frame.jpg)
}
.ldp-page .p1-s05 h2 {
text-align: center;
color: #fff
}
.ldp-page .p1-s05 .mml-bigRow {
width: 95%;
max-width: 1760px;
margin: 0 auto
}
.ldp-page .p1-s05 .behind-list {
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
}
.ldp-page .p1-s05 li {
width: 16%;
max-width: 276px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #434343;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 55px;
box-sizing: border-box;
padding: 58px 30px;
text-align: center
}
.ldp-page .p1-s05 p {
color: #d9d9d9
}
.ldp-page .p1-s05 b {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 48px;
color: #ec461f;
line-height: 1.2;
margin-bottom: 32px;
display: inline-block
}
.ldp-page .p1-s05 span {
font-size: 24px;
color: #ec461f;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal
}
.ldp-page .ldp-s211 {
padding: 120px 0
}
.ldp-page .ldp-s211 h2 {
text-align: center;
margin-bottom: 50px
}
.ldp-page .ldp-s211 ul {
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: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .ldp-s211 li {
width: 24%;
max-width: 280px;
margin-right: 1.33%;
margin-bottom: 25px;
text-align: center
}
.ldp-page .ldp-s211 li:nth-child(4n) {
margin-right: 0
}
.ldp-page .ldp-s211 p {
text-align: center;
display: inline-block;
margin-top: 15px;
border-bottom: 1px solid transparent
}
@media (max-width:680px) {
.ldp-page .ldp-s211 ul {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.ldp-page .ldp-s211 li {
width: 49%;
margin-right: 0
}
}
@media (max-width:540px) {
.ldp-page .ldp-s211 {
padding: 60px 0
}
.ldp-page .ldp-s211 h2 {
font-size: 28px
}
}
.ldp-page .p21-s01 {
padding: 120px 0
}
.ldp-page .p21-s01 .template-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p21-s01 .link-list {
width: 24%;
max-width: 280px
}
.ldp-page .p21-s01 .link-list ul {
background-color: #f7f9fa
}
.ldp-page .p21-s01 .link-list a {
display: block
}
.ldp-page .p21-s01 .link-list li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 19px 15px;
color: #676a6c;
-webkit-transform-origin: all .6s;
-ms-transform-origin: all .6s;
transform-origin: all .6s;
border-bottom: 1px solid #dcdcdc;
position: relative
}
.ldp-page .p21-s01 .link-list li:hover,.ldp-page .p21-s01 .link-list li.active {
background-color: #ec461f
}
.ldp-page .p21-s01 .link-list li:hover a,.ldp-page .p21-s01 .link-list li.active a {
color: #fff
}
.ldp-page .p21-s01 .link-list li:hover i,.ldp-page .p21-s01 .link-list li.active i {
opacity: 1
}
.ldp-page .p21-s01 .link-sec {
width: 74.5%;
max-width: 880px;
margin: 0 auto;
margin-right: 0
}
.ldp-page .p21-s01 i {
opacity: 0;
position: absolute;
right: 15px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.ldp-page .p21-s01 h2 {
margin-bottom: 50px;
text-align: center
}
.ldp-page .p21-s01 section {
display: none
}
.ldp-page .p21-s01 section.current {
display: block
}
.ldp-page .p21-s01 .product-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p21-s01 .product-list li {
width: 32%;
max-width: 280px;
margin-right: 2%;
margin-bottom: 25px;
text-align: center
}
.ldp-page .p21-s01 .product-list li:hover p {
color: #ec461f;
border-bottom: 1px solid #ec461f
}
.ldp-page .p21-s01 .product-list li:nth-child(3n) {
margin-right: 0
}
.ldp-page .p21-s01 .product-list p {
text-align: center;
display: inline-block;
margin-top: 15px;
border-bottom: 1px solid transparent
}
.ldp-page .p1-s03 .sports-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p1-s03 li {
width: 33.33333333%;
max-width: 640px;
position: relative;
background-color: #ec461f
}
.ldp-page .p1-s03 li:nth-child(2) {
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-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ldp-page .p1-s03 li:nth-child(2):before {
display: none;
opacity: 0
}
.ldp-page .p1-s03 li:before {
content: '';
display: block;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5);
position: absolute;
left: 0;
top: 0;
display: none;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .p1-s03 li:hover::before {
display: block
}
.ldp-page .p1-s03 li:hover p {
bottom: 40%;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .p1-s03 .text {
width: 90%;
max-width: 500px;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.ldp-page .p1-s03 h2 {
color: #fff
}
.ldp-page .p1-s03 p {
color: #fff;
font-size: 20px;
position: absolute;
width: 100%;
padding: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
left: 0;
bottom: 15px;
text-align: center
}
.ldp-page .p1-s03 .line {
width: 60px;
height: 3px;
background-color: #fff;
margin-top: 50px
}
.ldp-page .per-sec {
padding: 80px 0
}
.ldp-page .per-sec .col {
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;
margin-top: 60px
}
.ldp-page .per-sec .per-tab {
width: 28%;
max-width: 300px
}
.ldp-page .per-sec .per-tab span {
font-size: 30px;
margin-right: 12px;
-webkit-transform: translateY(7px);
-ms-transform: translateY(7px);
transform: translateY(7px);
display: inline-block
}
.ldp-page .per-sec .per-section {
width: 70%;
max-width: 780px
}
.ldp-page .per-sec .btns {
width: 100%
}
.ldp-page .per-sec .btns img {
display: inline-block;
margin-right: 15px
}
.ldp-page .per-sec .btns li {
cursor: pointer;
padding: 2px 0 10px;
border-bottom: 1px solid #d2d2d2;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .per-sec .btns li.active,.ldp-page .per-sec .btns li:hover {
color: #ec461f
}
.ldp-page .per-sec .btns li.active i,.ldp-page .per-sec .btns li:hover i {
display: block;
color: #ec461f
}
.ldp-page .per-sec .btns li.active span,.ldp-page .per-sec .btns li:hover span {
color: #ec461f
}
.ldp-page .per-sec .btns li i {
float: right;
margin-top: 4px;
display: none;
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px)
}
.ldp-page .per-sec section {
display: none
}
.ldp-page .per-sec section.current {
display: block
}
.ldp-page .per-sec section .text-wrap {
max-width: 480px;
min-height: 260px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px;
background-color: #3c3937;
margin-top: -260px
}
.ldp-page .per-sec section .img-wrap {
max-width: 680px;
width: 100%;
position: relative;
margin: 0 auto;
margin-right: 0;
z-index: -1
}
.ldp-page .per-sec section .img-wrap img {
display: block;
max-width: 100%
}
.ldp-page .per-sec section ul.index {
margin: 0 auto;
text-align: right;
margin-top: 18px
}
.ldp-page .per-sec section ul.index li {
display: inline-block;
margin: 0 auto;
text-align: right;
color: #ec461f
}
.ldp-page .per-sec section ul.index span {
font-family: fira-sans,sans-serif;
font-weight: 100;
font-style: normal;
color: #ec461f;
font-size: 110px;
line-height: 1;
font-weight: 100!important
}
.ldp-page .per-sec section .smallOne {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 48px;
-webkit-transform: translate(15px,-50px);
-ms-transform: translate(15px,-50px);
transform: translate(15px,-50px)
}
.ldp-page .per-sec section .bigOne {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 72px;
-webkit-transform: translate(-15px,10px);
-ms-transform: translate(-15px,10px);
transform: translate(-15px,10px)
}
.ldp-page .per-sec section h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 25px;
color: #fff;
font-size: 20px
}
.ldp-page .per-sec section p {
color: #d9d9d9;
margin-top: 10px
}
.ldp-page .per-sec h3 {
font-family: pt-sans-pro,sans-serif;
font-weight: 400;
font-style: normal;
font-size: 48px;
margin-bottom: 25px
}
.ldp-page .per-sec b {
color: #ec461f
}
.ldp-page .per-sec .sec-title {
border-right: 5px solid #ec461f
}
.ldp-page .p44-s08 {
padding: 80px 0
}
.ldp-page .p44-s08 .sec-title {
text-align: center;
margin-bottom: 60px
}
.ldp-page .p44-s08 .sec-title p {
display: inline-block;
max-width: 940px
}
.ldp-page .p44-s08 .sec-title a.links {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #ec461f;
font-size: 20px;
display: inline-block
}
.ldp-page .p44-s08 .sec-title i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-left: 5px
}
.ldp-page .p44-s08 h2 {
margin-bottom: 15px
}
.ldp-page .p44-s08 .shipping-list {
margin: 0 -10px
}
.ldp-page .p44-s08 .shipping-list li {
text-align: center;
margin: 0 10px
}
.ldp-page .p44-s08 button {
top: 47%
}
.ldp-page .p44-s08 button.slick-prev {
left: -25px
}
.ldp-page .p44-s08 button.slick-next {
right: -25px
}
.ldp-page .p44-s08 button i {
color: #e1e6e6
}
.ldp-page .p44-s08 button i:hover {
color: #ec461f
}
.ldp-page .p44-s08 p {
margin-top: 12px
}
.ldp-page .p44-s08 .slick-dots {
margin-top: 20px
}
.ldp-page .p44-s08 .slick-dots li {
margin: 0 5px
}
.ldp-page .p5-s02 {
background-color: #3c3937;
padding: 60px 0
}
.ldp-page .p5-s02 h2 {
color: #fff;
margin-bottom: 30px;
text-align: center
}
.ldp-page .p5-s02 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
color: #fff;
margin-bottom: 15px
}
.ldp-page .p5-s02 .img-wrap {
margin-top: 40px
}
.ldp-page .p5-s02 .tabs {
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
}
.ldp-page .p5-s02 .tab-content {
width: 75%;
max-width: 880px;
position: relative
}
.ldp-page .p5-s02 .tab-content .sections {
display: none;
-webkit-transform: translateY(40px);
-ms-transform: translateY(40px);
transform: translateY(40px)
}
.ldp-page .p5-s02 .tab-content .sections.current {
display: block
}
.ldp-page .p5-s02 .tab-content p {
color: #e6e6e6;
margin-bottom: 3px
}
.ldp-page .p5-s02 .tab-content li {
position: relative;
color: #e6e6e6;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 25px
}
.ldp-page .p5-s02 .tab-content li:before {
content: '';
display: block;
width: 11px;
height: 11px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #e6e6e6;
position: absolute;
left: 0;
top: 8px
}
.ldp-page .p5-s02 .tab-content li:last-child {
margin-bottom: 0
}
.ldp-page .p5-s02 .tab-btn {
width: 23%;
max-width: 200px
}
.ldp-page .p5-s02 .tab-btn ul {
-webkit-transform: translateY(15px);
-ms-transform: translateY(15px);
transform: translateY(15px)
}
.ldp-page .p5-s02 .tab-btn li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
padding: 30px 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
position: relative
}
.ldp-page .p5-s02 .tab-btn li:hover .icon-wrap {
border-color: #ec461f
}
.ldp-page .p5-s02 .tab-btn li:hover p {
color: #ec461f
}
.ldp-page .p5-s02 .tab-btn li.active .icon-wrap {
border-color: #ec461f
}
.ldp-page .p5-s02 .tab-btn li.active p {
color: #ec461f
}
.ldp-page .p5-s02 .tab-btn li:before {
content: '';
display: block;
width: 1px;
height: 45px;
background-color: #dcdcdc;
position: absolute;
top: -21px;
left: 10px
}
.ldp-page .p5-s02 .tab-btn li:first-child:before {
height: 26px;
top: -6px
}
.ldp-page .p5-s02 .tab-btn li:last-child:after {
content: '';
display: block;
width: 1px;
height: 30px;
background-color: #dcdcdc;
position: absolute;
top: 64px;
left: 10px
}
.ldp-page .p5-s02 .tab-btn li .icon-wrap {
width: 20px;
height: 20px;
background-color: #3c3937;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 5px solid #aaa;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
background-clip: padding-box;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.ldp-page .p5-s02 .tab-btn li .line {
width: 60px;
height: 1px;
background-color: #dcdcdc;
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .p5-s02 .tab-btn li p {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
line-height: 21px;
color: #979a9c;
-webkit-transform: translateX(25px);
-ms-transform: translateX(25px);
transform: translateX(25px);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .p5-s02 .pack {
display: none
}
.ldp-page .p5-s02 .pack.current {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ldp-page .p5-s02 .pack .img-wrap {
width: 48%;
max-width: 400px
}
.ldp-page .p5-s02 .pack .text {
width: 49%;
max-width: 400px;
margin: 0 auto;
margin-right: 0
}
.ldp-page .p5-s02 a.btn {
margin-top: 80px
}
.ldp-page .ldp-s01 {
padding: 120px 0 0;
background-color: #f7f9fa
}
.ldp-page .ldp-s01 h2 {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 48px;
color: #373a3c;
margin-bottom: 15px
}
.ldp-page .ldp-s01 h3 {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
color: #e6e6e6
}
.ldp-page .ldp-s01 span {
color: #ec461f;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px
}
.ldp-page .ldp-s01 h4 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c
}
.ldp-page .ldp-s01 .love-list {
padding: 28px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
margin-top: 50px
}
.ldp-page .ldp-s01 .love-list li {
display: inline-block;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 15px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: solid 1px #ec461f;
margin-right: 30px;
margin-top: 15px;
font-family: fira-sans,sans-serif;
font-weight: 300;
font-style: normal;
font-size: 16px;
color: #ec461f;
min-width: 150px;
text-align: center
}
.ldp-page .ldp-s01 .love-list i {
color: #ec461f;
margin-right: 10px
}
.ldp-page .ldp-s01 .designers-list {
padding: 28px 30px;
background-color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 30px
}
.ldp-page .ldp-s01 .designers-list ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ldp-page .ldp-s01 .designers-list img {
margin-left: 0
}
.ldp-page .ldp-s01 .designers-list li {
width: 32%;
max-width: 345px;
margin-right: 2%;
margin-top: 25px
}
.ldp-page .ldp-s01 .designers-list li:nth-child(3n) {
margin-right: 0
}
.ldp-page .ldp-s01 h5 {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 16px;
color: #373a3c;
margin: 15px 0 10px
}
.ldp-page .ldp-s02 {
background-color: #f7f9fa;
padding: 120px 0
}
.ldp-page .ldp-s02 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ldp-page .ldp-s02 .text-wrap {
width: 46%;
max-width: 460px;
padding-top: 50px
}
.ldp-page .ldp-s02 h2 {
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 36px;
color: #373a3c;
margin-bottom: 50px
}
.ldp-page .ldp-s02 li {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #373a3c;
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding-left: 30px;
margin-top: 20px
}
.ldp-page .ldp-s02 li img {
position: absolute;
left: 0;
top: 6px
}
.ldp-page .ldp-s02 .form-wrap {
width: 52%;
max-width: 600px;
margin: 0 auto;
margin-right: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: 19px 23px 120px 0 rgba(6,17,41,.2);
box-shadow: 19px 23px 120px 0 rgba(6,17,41,.2);
padding: 60px 30px
}
.ldp-page .ldp-s02 .form-wrap h2 {
text-align: center;
font-size: 48px;
margin-bottom: 0
}
.ldp-page .ldp-s02 .col {
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
}
.ldp-page .ldp-s02 .col label {
width: 49%;
max-width: 580px
}
.ldp-page .ldp-s02 span.txt {
display: block;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
color: #676a6c;
margin-bottom: 10px;
margin-top: 10px
}
.ldp-page .ldp-s02 input:not(.wpcf7-submit) {
width: 100%;
max-width: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc;
height: 40px;
padding-left: 15px
}
.ldp-page .ldp-s02 textarea {
width: 100%;
max-width: unset;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: 1px solid #dcdcdc;
padding-left: 15px;
padding-top: 15px;
height: 80px
}
.ldp-page .ldp-s02 textarea:focus {
outline: none
}
.ldp-page .ldp-s02 .codedropz-upload-wrapper {
background-color: #fff
}
.ldp-page .ldp-s02 .codedropz-upload-handler {
border: 1px solid #dcdcdc;
-webkit-border-radius: 0;
border-radius: 0
}
.ldp-page .ldp-s02 .codedropz-upload-container {
padding: 10px 20px
}
.ldp-page .ldp-s02 .codedropz-upload-container h3 {
display: none
}
.ldp-page .ldp-s02 .codedropz-upload-container span {
display: none
}
.ldp-page .ldp-s02 .codedropz-upload-container .codedropz-btn-wrap {
width: 200px;
height: 60px;
background-color: #f7f9fa;
border: solid 1px #dcdcdc;
margin: 0 auto;
line-height: 60px
}
.ldp-page .ldp-s02 .codedropz-upload-container .codedropz-btn-wrap a {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px
}
.ldp-page .ldp-s02 .wpcf7-submit {
background-color: #ec461f;
color: #fff;
-webkit-border-radius: 50px;
border-radius: 50px;
height: 60px;
width: 120px
}
.ldp-page .ldp-last {
padding: 80px 0
}
.ldp-page .ldp-last section {
max-width: 1180px;
margin: 0 auto
}
.ldp-page .ldp-last button.slick-arrow {
top: unset;
bottom: -16px
}
.ldp-page .ldp-last button.slick-arrow i {
color: #e1e6e6
}
.ldp-page .ldp-last button.slick-arrow i:hover {
color: #ec461f
}
.ldp-page .ldp-last button.slick-arrow.slick-next {
left: 130px;
right: unset
}
.ldp-page .ldp-last button.slick-arrow.slcik-prev {
left: 10px
}
.ldp-page .ldp-last .slick-dots {
text-align: left;
margin-left: 40px
}
.ldp-page .ldp-last .slick-dots li {
border: unset;
background-color: unset;
width: auto;
height: unset
}
.ldp-page .ldp-last .slick-dots li.slick-active button {
-webkit-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
color: #ec461f
}
.ldp-page .ldp-last .slick-dots button {
font-size: 20px;
display: block;
border: unset;
font-family: fira-sans,sans-serif;
font-weight: 300;
font-style: normal;
color: #373a3c;
margin: 0 5px;
background-color: unset
}
.ldp-page .p41-s03 {
padding: 60px 0;
background-color: #3c3937
}
.ldp-page .p41-s03 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ldp-page .p41-s03 h2 {
text-align: center;
max-width: 710px;
margin: 0 auto
}
.ldp-page .p41-s03 .tab-btn {
width: 24%;
max-width: 170px
}
.ldp-page .p41-s03 .tab-btn li {
font-family: fira-sans,sans-serif;
font-weight: 300;
font-style: normal;
color: #979a9c;
margin-bottom: 60px;
cursor: pointer;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s
}
.ldp-page .p41-s03 .tab-btn li:hover,.ldp-page .p41-s03 .tab-btn li.active {
color: #ec461f
}
.ldp-page .p41-s03 .tab-btn li:hover i,.ldp-page .p41-s03 .tab-btn li.active i {
color: #ec461f;
border-color: #ec461f;
-webkit-border-radius: 50%;
border-radius: 50%;
border: unset;
font-size: 18px
}
.ldp-page .p41-s03 .tab-btn i {
margin-right: 10px;
color: #3c3937;
border: 2px solid #979a9c;
-webkit-border-radius: 50%;
border-radius: 50%;
font-size: 14px;
display: inline-block
}
.ldp-page .p41-s03 .tab-btn .icon-wrap {
width: 21px;
height: 21px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 2px solid #979a9c
}
.ldp-page .p41-s03 .tab-sec {
width: 76%;
max-width: 880px;
margin: 0 auto;
margin-right: 0
}
.ldp-page .p41-s03 section {
display: none
}
.ldp-page .p41-s03 section.current {
display: block
}
.ldp-page .p41-s03 section ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.ldp-page .p41-s03 section li {
width: 32%;
max-width: 280px;
margin-right: 2%;
position: relative
}
.ldp-page .p41-s03 section li:last-child {
margin-right: 0
}
.ldp-page .p41-s03 h2 {
color: #fff;
margin-bottom: 55px
}
.ldp-page .p41-s03 span {
display: block;
position: absolute;
left: 0;
bottom: 0;
text-align: center;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: rgba(0,0,0,.8);
padding: 18px 10px;
width: 100%;
color: #fff
}
.ldp-page .p41-s03 h4 {
margin-top: 25px;
color: #fff;
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
font-size: 20px;
margin-bottom: 15px
}
.ldp-page .p41-s03 p {
color: #fff
}
.ldp-page .p41-s03 a.links {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #ec461f;
font-size: 20px;
display: inline-block;
margin-top: 25px;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
border-bottom: 1px solid transparent
}
.ldp-page .p41-s03 a.links i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-left: 8px
}
.ldp-page .p41-s03 a.links:hover {
border-bottom: 1px solid #ec461f
}
.ldp-page .cta a.btn {
background-color: #fff;
color: #ec461f
}
.ldp-page .p1-s08 .container,.ldp-page .p1-s06 .container,.ldp-page .p1-s07 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p1-s08 .img-wrap,.ldp-page .p1-s06 .img-wrap,.ldp-page .p1-s07 .img-wrap {
width: 60%;
max-width: 700px;
position: relative
}
.ldp-page .p1-s08 .img-wrap::before,.ldp-page .p1-s06 .img-wrap::before,.ldp-page .p1-s07 .img-wrap::before {
content: '';
display: block;
width: 50px;
height: 54%;
background: #fff;
position: absolute;
right: 0;
bottom: 0
}
.ldp-page .p1-s08 .text-wrap,.ldp-page .p1-s06 .text-wrap,.ldp-page .p1-s07 .text-wrap {
width: 38%;
max-width: 415px;
margin: 0 auto;
margin-right: 0;
margin-top: 60px
}
.ldp-page .p1-s08 p,.ldp-page .p1-s06 p,.ldp-page .p1-s07 p {
max-width: 380px
}
.ldp-page .p1-s08 h2,.ldp-page .p1-s06 h2,.ldp-page .p1-s07 h2 {
color: #979a9c;
margin-bottom: 30px
}
.ldp-page .p1-s08 h3,.ldp-page .p1-s06 h3,.ldp-page .p1-s07 h3 {
font-size: 36px;
color: #373a3c;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal;
margin-bottom: 50px
}
.ldp-page .p1-s08 h3 b,.ldp-page .p1-s06 h3 b,.ldp-page .p1-s07 h3 b {
color: #ec461f
}
.ldp-page .p1-s08 p,.ldp-page .p1-s06 p,.ldp-page .p1-s07 p {
margin-bottom: 15px
}
.ldp-page .p1-s08 a.link,.ldp-page .p1-s06 a.link,.ldp-page .p1-s07 a.link {
color: #ec461f;
text-decoration: underline
}
.ldp-page .p1-s08 a.links,.ldp-page .p1-s06 a.links,.ldp-page .p1-s07 a.links {
font-family: fira-sans-2,sans-serif;
font-weight: 600;
font-style: normal;
color: #ec461f;
font-size: 20px;
display: inline-block;
margin-top: 30px
}
.ldp-page .p1-s08 b,.ldp-page .p1-s06 b,.ldp-page .p1-s07 b {
color: #373a3c;
font-family: pt-sans-pro,sans-serif;
font-weight: 600;
font-style: normal
}
.ldp-page .p1-s08 i,.ldp-page .p1-s06 i,.ldp-page .p1-s07 i {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
margin-left: 5px
}
@media (max-width:1500px) {
.ldp-page .p1-s05 li {
padding: 40px 10px
}
.ldp-page .p1-s03 .text {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width:1240px) {
.ldp-page .p1-s05 b {
font-size: 32px;
margin-bottom: 20px
}
.ldp-page .p1-s03 h2 {
font-size: 36px
}
.ldp-page .p44-s08 button.slick-prev {
left: 10px
}
.ldp-page .p44-s08 button.slick-next {
right: 10px
}
}
@media (max-width:1200px) {
.ldp-page .p21-s02 .text-wrap {
bottom: -160px
}
}
@media (max-width:1080px) {
.ldp-page .p1-s05 .behind-list {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p1-s05 li {
width: 32%;
max-width: 320px
}
.ldp-page .per-sec h3 {
font-size: 36px
}
.ldp-page .per-sec h2 {
font-size: 36px
}
.ldp-page .per-sec section ul.index {
margin-top: 30px
}
.ldp-page .per-sec section ul.index span {
font-size: 80px
}
.ldp-page .per-sec section li.bigOne {
font-size: 60px
}
.ldp-page .per-sec section li.smallOne {
font-size: 36px
}
}
@media (max-width:960px) {
.ldp-page .p1-s03 li {
width: 50%
}
.ldp-page .p1-s03 h2 {
font-size: 32px
}
.ldp-page .p1-s03 .line {
display: none
}
.ldp-page .p21-s02 .text-wrap {
bottom: -250px
}
.ldp-page .p44-s04 section {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 600px;
margin: 0 auto
}
.ldp-page .p44-s04 .img-wrap {
width: 100%;
margin-top: 40px
}
.ldp-page .p44-s04 .text-wrap {
width: 100%;
max-width: 540px;
padding-top: 30px;
padding-left: 20px;
padding-right: 20px
}
.ldp-page .p5-s02 .tab-content {
width: 70%
}
.ldp-page .p5-s02 .tab-btn {
width: 28%
}
.ldp-page .p1-s08 .text-wrap,.ldp-page .p1-s07 .text-wrap,.ldp-page .p1-s06 .text-wrap {
margin-top: 0;
padding-top: 0;
padding-left: 0
}
.ldp-page .p1-s08 h2,.ldp-page .p1-s07 h2,.ldp-page .p1-s06 h2 {
margin-bottom: 20px
}
.ldp-page .p1-s08 h3,.ldp-page .p1-s07 h3,.ldp-page .p1-s06 h3 {
margin-bottom: 30px
}
.ldp-page .p1-s08 p,.ldp-page .p1-s07 p,.ldp-page .p1-s06 p {
margin-bottom: 10px
}
.ldp-page .p1-s08 .img-wrap::before,.ldp-page .p1-s07 .img-wrap::before,.ldp-page .p1-s06 .img-wrap::before {
display: none
}
}
@media (max-width:880px) {
.ldp-page .p21-s01 .link-list {
width: 32%
}
.ldp-page .p21-s01 .link-sec {
width: 66%
}
.ldp-page .per-sec .col {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .per-sec .per-tab {
width: 100%
}
.ldp-page .per-sec .per-section {
width: 100%;
margin: 0 auto;
margin-top: 30px
}
.ldp-page .per-sec h3 {
font-size: 32px
}
.ldp-page .per-sec h2 {
font-size: 32px
}
.ldp-page .per-sec section ul.index {
margin-top: 30px
}
.ldp-page .per-sec section ul.index span {
font-size: 60px
}
.ldp-page .per-sec section li.bigOne {
font-size: 40px
}
.ldp-page .per-sec section li.smallOne {
font-size: 32px;
-webkit-transform: translate(15px,-30px);
-ms-transform: translate(15px,-30px);
transform: translate(15px,-30px)
}
}
@media (max-width:840px) {
.ldp-page .p41-s03 h2 {
font-size: 32px
}
}
@media (max-width:768px) {
.ldp-page .p21-s02 {
padding: 0 0 160px
}
.ldp-page .p21-s02 .text-wrap {
position: static;
width: 100%
}
.ldp-page .ldp-s02 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .ldp-s02 .text-wrap {
width: 100%;
max-width: 600px;
padding-top: 0
}
.ldp-page .ldp-s02 .form-wrap {
width: 100%;
margin: 0 auto;
margin-top: 40px
}
.ldp-page .per-sec .sec-title {
border-right: unset
}
.ldp-page .p5-s02 .tabs {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p5-s02 .tab-btn {
width: 100%;
max-width: unset
}
.ldp-page .p5-s02 .tab-btn ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-page .p5-s02 .tab-btn li {
width: 32%;
padding: 20px 0;
margin-right: 2%
}
.ldp-page .p5-s02 .tab-btn li:nth-child(3n) {
margin-right: 0
}
.ldp-page .p5-s02 .tab-btn li:before {
display: none
}
.ldp-page .p5-s02 .tab-btn li:last-child:after {
display: none
}
.ldp-page .p5-s02 .tab-btn li p {
-webkit-transform: translateX(10px);
-ms-transform: translateX(10px);
transform: translateX(10px)
}
.ldp-page .p5-s02 .tab-content {
width: 100%
}
.ldp-page .p5-s02 .line {
display: none
}
.ldp-page .p5-s02 {
padding: 60px 0
}
.ldp-page .p5-s02 h2 {
margin-bottom: 30px
}
.ldp-page .p5-s02 h4 {
font-size: 28px
}
.ldp-page .p5-s02 .tab-btn {
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.ldp-page .p5-s02 .tab-btn li p {
font-size: 16px
}
.ldp-page .p5-s02 .tab-btn li .icon-wrap {
width: 16px;
height: 16px
}
.ldp-page .p5-s02 .tab-content .sections.pack.current {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p5-s02 .tab-content .sections {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 40px
}
.ldp-page .p5-s02 .tab-content .img-wrap {
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2;
margin-top: 20px
}
.ldp-page .p5-s02 .tab-content .text {
width: 100%;
max-width: 400px;
margin: 0 auto;
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1
}
.ldp-page .p1-s08 .container,.ldp-page .p1-s06 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p1-s08 .img-wrap,.ldp-page .p1-s06 .img-wrap {
width: 100%
}
.ldp-page .p1-s08 .text-wrap,.ldp-page .p1-s06 .text-wrap {
width: 100%;
max-width: 700px;
margin: 0 auto;
margin-top: 30px
}
.ldp-page .p1-s08 h3,.ldp-page .p1-s06 h3 {
font-size: 28px
}
.ldp-page .p1-s08 p,.ldp-page .p1-s06 p {
max-width: unset
}
.ldp-page .p1-s07 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p1-s07 .img-wrap {
width: 100%
}
.ldp-page .p1-s07 img {
margin-left: 0
}
.ldp-page .p1-s07 .text-wrap {
width: 100%;
max-width: 680px;
margin: 0 auto;
margin-top: 30px
}
.ldp-page .p1-s07 h3 {
font-size: 28px
}
.ldp-page .p1-s07 p {
max-width: unset
}
.ldp-page .p41-s03 .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p41-s03 h2 {
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 10px
}
.ldp-page .p41-s03 .tab-btn {
width: 100%
}
.ldp-page .p41-s03 .tab-btn li {
margin-bottom: 30px
}
.ldp-page .p41-s03 .tab-sec {
width: 100%
}
.ldp-page .p41-s03 span {
font-size: 14px
}
}
@media (max-width:680px) {
.ldp-page .fixe-btn {
display: none
}
.ldp-page .p21-s01 .template-link {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p21-s01 .link-list {
width: 100%
}
.ldp-page .p21-s01 .link-sec {
width: 100%;
margin-top: 40px
}
}
@media (max-width:580px) {
.ldp-page .per-sec {
padding: 60px 0
}
.ldp-page .per-sec a.btn {
margin-top: 30px
}
.ldp-page .per-sec h2,.ldp-page .per-sec h3 {
font-size: 26px
}
.ldp-page .per-sec section ul.index {
display: none
}
.ldp-page .per-sec section .text-wrap {
margin-top: 0;
padding: 30px 20px
}
}
@media (max-width:540px) {
.ldp-page .p21-s02 {
padding: 0 0 120px
}
.ldp-page .p21-s02 ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .p21-s02 li {
width: 100%
}
.ldp-page .ldp-s01 h2 {
font-size: 28px
}
.ldp-page .ldp-s01 h3 {
font-size: 24px
}
.ldp-page .ldp-s01 h3 span {
font-size: 24px
}
.ldp-page .ldp-s01 .love-list li {
width: 45%;
margin-right: 10px;
padding: 10px 5px;
min-width: unset
}
.ldp-page .ldp-s01 .designers-list ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-page .ldp-s01 .designers-list li {
width: 100%;
margin-right: 0
}
.ldp-page .ldp-s02 {
padding: 60px 0
}
.ldp-page .ldp-s02 .form-wrap h2 {
font-size: 28px
}
.ldp-page .ldp-s02 label {
width: 100%
}
.ldp-page .ldp-s02 .col {
display: block
}
.ldp-page .p1-s05 {
padding: 60px 0
}
.ldp-page .p1-s05 li {
width: 49%;
margin-top: 20px
}
.ldp-page .p1-s05 b {
font-size: 26px
}
.ldp-page .p21-s01 {
padding: 60px 0
}
.ldp-page .p21-s01 .product-list ul {
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.ldp-page .p21-s01 .product-list li {
width: 49%;
margin-right: unset
}
.ldp-page .p1-s03 h2 {
font-size: 26px
}
.ldp-page .p1-s03 li {
width: 100%;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.ldp-page .p1-s03 li:nth-child(2) {
-webkit-box-ordinal-group: 2;
-webkit-order: 1;
-ms-flex-order: 1;
order: 1;
padding: 60px 0
}
.ldp-page .p44-s08 {
padding: 60px 0
}
.ldp-page .p44-s08 .sec-title {
margin-bottom: 20px
}
.ldp-page .p44-s08 .shipping-list {
margin: 0
}
.ldp-page .p1-s08,.ldp-page .p1-s06 {
padding-bottom: 20px
}
.ldp-page .p1-s08 h3,.ldp-page .p1-s06 h3 {
font-size: 24px
}
.ldp-page .p1-s08 a.links,.ldp-page .p1-s06 a.links {
margin-top: 15px
}
.ldp-page .p1-s07 h3 {
font-size: 24px
}
.ldp-page .p1-s07 a.links {
margin-top: 15px
}
.ldp-page .ldp-last {
padding: 60px 0 60px
}
.ldp-page .p41-s03 {
padding: 60px 0
}
.ldp-page .p41-s03 section ul {
-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
}
.ldp-page .p41-s03 section li {
width: 48%;
margin-right: unset;
margin-bottom: 20px
}
}
.fa-xs {
font-size: .75em
}
.fa-sm {
font-size: .875em
}
.fa-1x {
font-size: 1em
}
.fa-2x {
font-size: 2em
}
.fa-3x {
font-size: 3em
}
.fa-4x {
font-size: 4em
}
.fa-5x {
font-size: 5em
}
.fa-6x {
font-size: 6em
}
.fa-7x {
font-size: 7em
}
.fa-8x {
font-size: 8em
}
.fa-9x {
font-size: 9em
}
.fa-10x {
font-size: 10em
}
.fa-fw {
text-align: center;
width: 1.25em
}
.fa-ul {
list-style-type: none;
margin-left: 2.5em;
padding-left: 0
}
.fa-ul>li {
position: relative
}
.fa-li {
left: -2em;
position: absolute;
text-align: center;
width: 2em;
line-height: inherit
}
.fa-border {
border: .08em solid #eee;
border-radius: .1em;
padding: .2em .25em .15em
}
.fa-pull-left {
float: left
}
.fa-pull-right {
float: right
}
.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left {
margin-right: .3em
}
.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right {
margin-left: .3em
}
.fa-spin {
-webkit-animation: a 2s infinite linear;
animation: a 2s infinite linear
}
.fa-pulse {
-webkit-animation: a 1s infinite steps(8);
animation: a 1s infinite steps(8)
}
@-webkit-keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
@keyframes a {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(1turn);
transform: rotate(1turn)
}
}
.sr-only {
border: 0;
clip: rect(0,0,0,0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.sr-only-focusable:active,.sr-only-focusable:focus {
clip: auto;
height: auto;
margin: 0;
overflow: visible;
position: static;
width: auto
}
.slick-slider {
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent
}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: none
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-track,.slick-slider .slick-list {
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
-o-transform: translate3d(0,0,0);
transform: translate3d(0,0,0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto
}
.slick-track:before,.slick-track:after {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px
}[dir='rtl'] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}