display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #d3ced2;
border-right: 0;
margin: 1px;/*
@font-face {
font-family: "filson-soft";
src: url("https://use.typekit.net/af/5fe107/00000000000000003b9ade62/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff2"),url("https://use.typekit.net/af/5fe107/00000000000000003b9ade62/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("woff"),url("https://use.typekit.net/af/5fe107/00000000000000003b9ade62/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3") format("opentype");
font-display: auto;
font-style: normal;
font-weight: 500;
font-stretch: normal;
}*/
a.gflag {
font-size: 24px;
padding: 1px 0;
background-repeat: no-repeat;
background-image: url(../images/24.png)
}
a.gflag img {
border: 0;
height: 24px;
display: inline
}
a.gflag:hover {
background-image: url(../images/24a.png)
}
img.gstats {
display: none
}
a.alt_flag {
background-image: url(../images/alt_flags.png)
}
a.alt_flag:hover {
background-image: url(../images/alt_flagsa.png)
}
a.us_flag {
background-position: 0 -100px
}
a.br_flag {
background-position: -100px -100px
}
a.mx_flag {
background-position: -200px -100px
}
a.glink {
text-decoration: none
}
a.glink span {
margin-right: 5px;
font-size: 15px;
vertical-align: middle
}
a.glink img {
vertical-align: middle;
display: inline;
border: 0;
padding: 0;
margin: 0;
opacity: .8
}
a.glink:hover img {
opacity: 1
}
p.wpvr-block-content {
font-family: filson-soft,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif
}
.wpvr-base-control {
padding: 0 16px
}
.block-editor-block-card .block-editor-block-icon {
margin-left: -6px!important;
margin-right: 4px!important;
padding: 0!important;
height: 20px!important
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.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: none;
border-radius: 28px;
box-shadow: none;
cursor: pointer;
display: inline-block;
font-size: 18px;
padding: 12px 24px;
text-align: center;
text-decoration: none;
overflow-wrap: break-word
}
.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-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared {
border-radius: 0
}
.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius {
border-radius: 0!important
}
.is-style-outline .wp-block-button__link,.wp-block-button__link.is-style-outline {
color: #32373c;
background-color: transparent;
border: 2px solid
}
.wp-block-buttons .wp-block-button {
display: inline-block;
margin-right: 8px;
margin-bottom: 8px
}
.wp-block-buttons .wp-block-button:last-child {
margin-right: 0
}
.wp-block-buttons.alignright .wp-block-button {
margin-right: 0;
margin-left: 8px
}
.wp-block-buttons.alignright .wp-block-button:first-child {
margin-left: 0
}
.wp-block-buttons.alignleft .wp-block-button {
margin-left: 0;
margin-right: 8px
}
.wp-block-buttons.alignleft .wp-block-button:last-child {
margin-right: 0
}
.wp-block-button.aligncenter,.wp-block-buttons.aligncenter,.wp-block-calendar {
text-align: center
}
.wp-block-calendar tbody td,.wp-block-calendar th {
padding: 4px;
border: 1px solid #ddd
}
.wp-block-calendar tfoot td {
border: none
}
.wp-block-calendar table {
width: 100%;
border-collapse: collapse;
font-family: filson-soft,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif
}
.wp-block-calendar table th {
font-weight: 400;
background: #ddd
}
.wp-block-calendar a {
text-decoration: underline
}
.wp-block-calendar tfoot a {
color: #007cba;
color: var(--wp-admin-theme-color)
}
.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-columns {
display: flex;
margin-bottom: 28px;
flex-wrap: wrap
}
@media (min-width: 782px) {
.wp-block-columns {
flex-wrap:nowrap
}
}
.wp-block-columns.has-background {
padding: 20px 38px
}
.wp-block-column {
flex-grow: 1;
min-width: 0;
word-break: break-word;
overflow-wrap: break-word
}
@media (max-width: 599px) {
.wp-block-column {
flex-basis:100%!important
}
}
@media (min-width: 600px) and (max-width:781px) {
.wp-block-column {
flex-basis:calc(50% - 16px)!important;
flex-grow: 0
}
.wp-block-column:nth-child(2n) {
margin-left: 32px
}
}
@media (min-width: 782px) {
.wp-block-column {
flex-basis:0%;
flex-grow: 1
}
.wp-block-column[style*=flex-basis] {
flex-grow: 0
}
.wp-block-column:not(:first-child) {
margin-left: 32px
}
}
.wp-block-columns.are-vertically-aligned-top {
align-items: flex-start
}
.wp-block-columns.are-vertically-aligned-center {
align-items: center
}
.wp-block-columns.are-vertically-aligned-bottom {
align-items: flex-end
}
.wp-block-column.is-vertically-aligned-top {
align-self: flex-start
}
.wp-block-column.is-vertically-aligned-center {
-ms-grid-row-align: 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;
height: 100%;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 16px
}
.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.has-background-dim,.wp-block-cover.has-background-dim {
background-color: #000
}
.wp-block-cover-image.has-background-dim:before,.wp-block-cover.has-background-dim:before {
content: "";
background-color: inherit
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background {
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
z-index: 1
}
.wp-block-cover-image.has-background-dim:not(.has-background-gradient):before,.wp-block-cover-image .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim:not(.has-background-gradient):before,.wp-block-cover .wp-block-cover__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .1
}
.wp-block-cover-image.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-10 .wp-block-cover__gradient-background {
opacity: .1
}
.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:not(.has-background-gradient):before {
opacity: .2
}
.wp-block-cover-image.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-20 .wp-block-cover__gradient-background {
opacity: .2
}
.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:not(.has-background-gradient):before {
opacity: .3
}
.wp-block-cover-image.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-30 .wp-block-cover__gradient-background {
opacity: .3
}
.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:not(.has-background-gradient):before {
opacity: .4
}
.wp-block-cover-image.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-40 .wp-block-cover__gradient-background {
opacity: .4
}
.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:not(.has-background-gradient):before {
opacity: .5
}
.wp-block-cover-image.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-50 .wp-block-cover__gradient-background {
opacity: .5
}
.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:not(.has-background-gradient):before {
opacity: .6
}
.wp-block-cover-image.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-60 .wp-block-cover__gradient-background {
opacity: .6
}
.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:not(.has-background-gradient):before {
opacity: .7
}
.wp-block-cover-image.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-70 .wp-block-cover__gradient-background {
opacity: .7
}
.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:not(.has-background-gradient):before {
opacity: .8
}
.wp-block-cover-image.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-80 .wp-block-cover__gradient-background {
opacity: .8
}
.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:not(.has-background-gradient):before {
opacity: .9
}
.wp-block-cover-image.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-90 .wp-block-cover__gradient-background {
opacity: .9
}
.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:not(.has-background-gradient):before {
opacity: 1
}
.wp-block-cover-image.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background,.wp-block-cover.has-background-dim.has-background-dim-100 .wp-block-cover__gradient-background {
opacity: 1
}
.wp-block-cover-image.alignleft,.wp-block-cover-image.alignright,.wp-block-cover.alignleft,.wp-block-cover.alignright {
max-width: 290px;
width: 100%
}
.wp-block-cover-image:after,.wp-block-cover:after {
display: block;
content: "";
font-size: 0;
min-height: inherit
}
@supports ((position: -webkit-sticky) or (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: calc(100% - 70px);
z-index: 1;
color: #fff
}
.wp-block-cover-image .wp-block-subhead:not(.has-text-color),.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 .wp-block-subhead: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__video-background {
position: absolute;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
width: 100%;
height: 100%;
z-index: 0;
object-fit: cover
}
.wp-block-cover-image-text,.wp-block-cover-text,section.wp-block-cover-image h2 {
color: #fff
}
.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 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 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: 580px;
padding: 14px;
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-embed {
margin-bottom: 1em
}
.wp-block-embed figcaption {
margin-top: .5em;
margin-bottom: 1em
}
.wp-block-embed iframe {
max-width: 100%
}
.wp-block-embed__wrapper {
position: relative
}
.wp-embed-responsive .wp-has-aspect-ratio .wp-block-embed__wrapper:before {
content: "";
display: block;
padding-top: 50%
}
.wp-embed-responsive .wp-has-aspect-ratio iframe {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%;
width: 100%
}
.wp-embed-responsive .wp-embed-aspect-21-9 .wp-block-embed__wrapper:before {
padding-top: 42.85%
}
.wp-embed-responsive .wp-embed-aspect-18-9 .wp-block-embed__wrapper:before {
padding-top: 50%
}
.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
padding-top: 56.25%
}
.wp-embed-responsive .wp-embed-aspect-4-3 .wp-block-embed__wrapper:before {
padding-top: 75%
}
.wp-embed-responsive .wp-embed-aspect-1-1 .wp-block-embed__wrapper:before {
padding-top: 100%
}
.wp-embed-responsive .wp-embed-aspect-9-6 .wp-block-embed__wrapper:before {
padding-top: 66.66%
}
.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__button {
background: #32373c;
border-radius: 2em;
color: #fff;
font-size: 13px;
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 16px 16px 0;
display: flex;
flex-grow: 1;
flex-direction: column;
justify-content: center;
position: relative
}
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
margin: 0;
height: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image figure,.blocks-gallery-grid .blocks-gallery-item figure,.wp-block-gallery .blocks-gallery-image figure,.wp-block-gallery .blocks-gallery-item figure {
display:flex;
align-items: flex-end;
justify-content: flex-start
}
}
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
display: block;
max-width: 100%;
height: auto;
width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid .blocks-gallery-image img,.blocks-gallery-grid .blocks-gallery-item img,.wp-block-gallery .blocks-gallery-image img,.wp-block-gallery .blocks-gallery-item img {
width:auto
}
}
.blocks-gallery-grid .blocks-gallery-image figcaption,.blocks-gallery-grid .blocks-gallery-item figcaption,.wp-block-gallery .blocks-gallery-image figcaption,.wp-block-gallery .blocks-gallery-item figcaption {
position: absolute;
bottom: 0;
width: 100%;
max-height: 100%;
overflow: auto;
padding: 40px 10px 9px;
color: #fff;
text-align: center;
font-size: 13px;
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 70%,transparent)
}
.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.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.blocks-gallery-grid.is-cropped .blocks-gallery-image a,.blocks-gallery-grid.is-cropped .blocks-gallery-image img,.blocks-gallery-grid.is-cropped .blocks-gallery-item a,.blocks-gallery-grid.is-cropped .blocks-gallery-item img,.wp-block-gallery.is-cropped .blocks-gallery-image a,.wp-block-gallery.is-cropped .blocks-gallery-image img,.wp-block-gallery.is-cropped .blocks-gallery-item a,.wp-block-gallery.is-cropped .blocks-gallery-item img {
height:100%;
flex: 1;
object-fit: cover
}
}
.blocks-gallery-grid .blocks-gallery-image,.blocks-gallery-grid .blocks-gallery-item,.wp-block-gallery .blocks-gallery-image,.wp-block-gallery .blocks-gallery-item {
width: calc(50% - 16px)
}
.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.columns-1 .blocks-gallery-image,.blocks-gallery-grid.columns-1 .blocks-gallery-item,.wp-block-gallery.columns-1 .blocks-gallery-image,.wp-block-gallery.columns-1 .blocks-gallery-item {
width: 100%;
margin-right: 0
}
@media (min-width: 600px) {
.blocks-gallery-grid.columns-3 .blocks-gallery-image,.blocks-gallery-grid.columns-3 .blocks-gallery-item,.wp-block-gallery.columns-3 .blocks-gallery-image,.wp-block-gallery.columns-3 .blocks-gallery-item {
width:calc(33.33333% - 10.66667px);
margin-right: 16px
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image,.blocks-gallery-grid.columns-4 .blocks-gallery-item,.wp-block-gallery.columns-4 .blocks-gallery-image,.wp-block-gallery.columns-4 .blocks-gallery-item {
width: calc(25% - 12px);
margin-right: 16px
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image,.blocks-gallery-grid.columns-5 .blocks-gallery-item,.wp-block-gallery.columns-5 .blocks-gallery-image,.wp-block-gallery.columns-5 .blocks-gallery-item {
width: calc(20% - 12.8px);
margin-right: 16px
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image,.blocks-gallery-grid.columns-6 .blocks-gallery-item,.wp-block-gallery.columns-6 .blocks-gallery-image,.wp-block-gallery.columns-6 .blocks-gallery-item {
width: calc(16.66667% - 13.33333px);
margin-right: 16px
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image,.blocks-gallery-grid.columns-7 .blocks-gallery-item,.wp-block-gallery.columns-7 .blocks-gallery-image,.wp-block-gallery.columns-7 .blocks-gallery-item {
width: calc(14.28571% - 13.71429px);
margin-right: 16px
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image,.blocks-gallery-grid.columns-8 .blocks-gallery-item,.wp-block-gallery.columns-8 .blocks-gallery-image,.wp-block-gallery.columns-8 .blocks-gallery-item {
width: calc(12.5% - 14px);
margin-right: 16px
}
.blocks-gallery-grid.columns-1 .blocks-gallery-image:nth-of-type(1n),.blocks-gallery-grid.columns-1 .blocks-gallery-item:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-image:nth-of-type(1n),.wp-block-gallery.columns-1 .blocks-gallery-item:nth-of-type(1n) {
margin-right: 0
}
.blocks-gallery-grid.columns-2 .blocks-gallery-image:nth-of-type(2n),.blocks-gallery-grid.columns-2 .blocks-gallery-item:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-image:nth-of-type(2n),.wp-block-gallery.columns-2 .blocks-gallery-item:nth-of-type(2n) {
margin-right: 0
}
.blocks-gallery-grid.columns-3 .blocks-gallery-image:nth-of-type(3n),.blocks-gallery-grid.columns-3 .blocks-gallery-item:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-image:nth-of-type(3n),.wp-block-gallery.columns-3 .blocks-gallery-item:nth-of-type(3n) {
margin-right: 0
}
.blocks-gallery-grid.columns-4 .blocks-gallery-image:nth-of-type(4n),.blocks-gallery-grid.columns-4 .blocks-gallery-item:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-image:nth-of-type(4n),.wp-block-gallery.columns-4 .blocks-gallery-item:nth-of-type(4n) {
margin-right: 0
}
.blocks-gallery-grid.columns-5 .blocks-gallery-image:nth-of-type(5n),.blocks-gallery-grid.columns-5 .blocks-gallery-item:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-image:nth-of-type(5n),.wp-block-gallery.columns-5 .blocks-gallery-item:nth-of-type(5n) {
margin-right: 0
}
.blocks-gallery-grid.columns-6 .blocks-gallery-image:nth-of-type(6n),.blocks-gallery-grid.columns-6 .blocks-gallery-item:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-image:nth-of-type(6n),.wp-block-gallery.columns-6 .blocks-gallery-item:nth-of-type(6n) {
margin-right: 0
}
.blocks-gallery-grid.columns-7 .blocks-gallery-image:nth-of-type(7n),.blocks-gallery-grid.columns-7 .blocks-gallery-item:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-image:nth-of-type(7n),.wp-block-gallery.columns-7 .blocks-gallery-item:nth-of-type(7n) {
margin-right: 0
}
.blocks-gallery-grid.columns-8 .blocks-gallery-image:nth-of-type(8n),.blocks-gallery-grid.columns-8 .blocks-gallery-item:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-image:nth-of-type(8n),.wp-block-gallery.columns-8 .blocks-gallery-item:nth-of-type(8n) {
margin-right: 0
}
}
.blocks-gallery-grid .blocks-gallery-image:last-child,.blocks-gallery-grid .blocks-gallery-item:last-child,.wp-block-gallery .blocks-gallery-image:last-child,.wp-block-gallery .blocks-gallery-item:last-child {
margin-right: 0
}
.blocks-gallery-grid.alignleft,.blocks-gallery-grid.alignright,.wp-block-gallery.alignleft,.wp-block-gallery.alignright {
max-width: 290px;
width: 100%
}
.blocks-gallery-grid.aligncenter .blocks-gallery-item figure,.wp-block-gallery.aligncenter .blocks-gallery-item figure {
justify-content: center
}
h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background {
padding: 20px 38px
}
.wp-block-image {
margin-bottom: 1em
}
.wp-block-image img {
max-width: 100%
}
.wp-block-image.aligncenter {
text-align: center
}
.wp-block-image.alignfull img,.wp-block-image.alignwide img {
width: 100%
}
.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.is-resized {
display: table
}
.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.is-resized>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
}
.is-style-circle-mask img,.is-style-rounded img {
border-radius: 9999px
}
@supports ((-webkit-mask-image: none) or (mask-image:none)) or (-webkit-mask-image:none) {
.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-latest-comments__comment {
font-size: 15px;
line-height: 1.1;
list-style: none;
margin-bottom: 1em
}
.has-avatars .wp-block-latest-comments__comment {
min-height: 36px;
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: 52px
}
.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: 14px;
line-height: 1.8;
margin: 5px 0 20px
}
.wp-block-latest-comments__comment-date {
color: #8f98a1;
display: block;
font-size: 12px
}
.wp-block-latest-comments .avatar,.wp-block-latest-comments__comment-avatar {
border-radius: 24px;
display: block;
float: left;
height: 40px;
margin-right: 12px;
width: 40px
}
.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
}
.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 20px 20px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-latest-posts.columns-2 li {
width:calc(50% - 20px)
}
.wp-block-latest-posts.columns-3 li {
width: calc(33.33333% - 20px)
}
.wp-block-latest-posts.columns-4 li {
width: calc(25% - 20px)
}
.wp-block-latest-posts.columns-5 li {
width: calc(20% - 20px)
}
.wp-block-latest-posts.columns-6 li {
width: calc(16.66667% - 20px)
}
}
.wp-block-latest-posts__post-author,.wp-block-latest-posts__post-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-latest-posts__post-excerpt {
margin-top: 8px;
margin-bottom: 16px
}
.wp-block-latest-posts__featured-image img {
height: auto;
width: auto
}
.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
}
.edit-post-visual-editor .wp-block-latest-posts.is-grid li {
margin-bottom: 20px
}
.wp-block-media-text {
/*!rtl:begin:ignore*/
direction: ltr;
/*!rtl:end:ignore*/
display: -ms-grid;
display: grid;
-ms-grid-columns: 50% 1fr;
grid-template-columns: 50% 1fr;
-ms-grid-rows: auto;
grid-template-rows: auto
}
.wp-block-media-text.has-media-on-the-right {
-ms-grid-columns: 1fr 50%;
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 {
-ms-grid-row-align: start;
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 {
-ms-grid-row-align: center;
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 {
-ms-grid-row-align: end;
align-self: end
}
.wp-block-media-text .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
margin: 0
}
.wp-block-media-text .wp-block-media-text__content {
direction: ltr;
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1;
/*!rtl:end:ignore*/
padding: 0 8%;
word-break: break-word
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__media {
/*!rtl:begin:ignore*/
-ms-grid-column: 2;
grid-column: 2;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
/*!rtl:begin:ignore*/
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1 /*!rtl:end:ignore*/
}
.wp-block-media-text__media img,.wp-block-media-text__media video {
max-width: unset;
width: 100%;
vertical-align: middle
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
height: 100%;
min-height: 250px;
background-size: cover
}
.wp-block-media-text.is-image-fill figure.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 {
-ms-grid-columns:100%!important;
grid-template-columns: 100%!important
}
.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__media {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media,.wp-block-media-text.is-stacked-on-mobile .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 2;
grid-row: 2
}
.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
-ms-grid-column: 1;
grid-column: 1;
-ms-grid-row: 1;
grid-row: 1
}
}
.wp-block-navigation.is-style-light .wp-block-navigation-link:not(.has-text-color),.wp-block-navigation .wp-block-navigation-link:not(.has-text-color) {
color: #1e1e1e
}
.wp-block-navigation.is-style-light:not(.has-background) .wp-block-navigation__container,.wp-block-navigation:not(.has-background) .wp-block-navigation__container {
background-color: #fff
}
.wp-block-navigation.is-style-dark .wp-block-navigation-link:not(.has-text-color) {
color: #fff
}
.wp-block-navigation.is-style-dark:not(.has-background) .wp-block-navigation__container {
background-color: #1e1e1e
}
.items-justified-left>ul {
justify-content: flex-start
}
.items-justified-center>ul {
justify-content: center
}
.items-justified-right>ul {
justify-content: flex-end
}
.wp-block-navigation-link {
display: flex;
align-items: center;
position: relative;
margin: 0
}
.wp-block-navigation-link .wp-block-navigation__container:empty {
display: none
}
.wp-block-navigation__container {
list-style: none;
margin: 0;
padding-left: 0;
display: flex;
flex-wrap: wrap
}
.is-vertical .wp-block-navigation__container {
display: block
}
.has-child .wp-block-navigation__container {
border: 1px solid rgba(0,0,0,.15);
background-color: inherit;
color: inherit;
position: absolute;
left: 0;
top: 100%;
width: fit-content;
z-index: 1;
opacity: 0;
transition: opacity .1s linear;
visibility: hidden
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__content {
flex-grow: 1
}
.has-child .wp-block-navigation__container>.wp-block-navigation-link>.wp-block-navigation-link__submenu-icon {
padding-right: 8px
}
@media (min-width: 782px) {
.has-child .wp-block-navigation__container {
left:24px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container {
left: 100%;
top: -1px
}
.has-child .wp-block-navigation__container .wp-block-navigation__container:before {
content: "";
position: absolute;
right: 100%;
height: 100%;
display: block;
width: 8px;
background: transparent
}
.has-child .wp-block-navigation__container .wp-block-navigation-link__submenu-icon svg {
transform: rotate(0)
}
}
.has-child:hover {
cursor: pointer
}
.has-child:hover>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.has-child:focus-within {
cursor: pointer
}
.has-child:focus-within>.wp-block-navigation__container {
visibility: visible;
opacity: 1;
display: flex;
flex-direction: column
}
.wp-block-navigation-link__content {
text-decoration: none;
padding: 8px 16px
}
.wp-block-navigation-link__content+.wp-block-navigation-link__content {
padding-top: 0
}
.has-text-color .wp-block-navigation-link__content {
color: inherit
}
.wp-block-navigation-link__label {
font-family: filson-soft,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
word-break: normal;
overflow-wrap: break-word
}
.wp-block-navigation-link__submenu-icon {
height: inherit;
padding: 6px 16px
}
.wp-block-navigation-link__submenu-icon svg {
fill: currentColor
}
@media (min-width: 782px) {
.wp-block-navigation-link__submenu-icon svg {
transform:rotate(90deg)
}
}
.is-small-text {
font-size: 14px
}
.is-regular-text {
font-size: 16px
}
.is-large-text {
font-size: 36px
}
.is-larger-text {
font-size: 48px
}
.has-drop-cap:not(:focus):first-letter {
float: left;
font-size: 8.4em;
line-height: .68;
font-weight: 100;
margin: .05em .1em 0 0;
text-transform: uppercase;
font-style: normal
}
p.has-background {
padding: 20px 38px
}
p.has-text-color a {
color: inherit
}
.wp-block-post-author {
display: flex;
flex-wrap: wrap;
line-height: 1.5
}
.wp-block-post-author__byline {
width: 100%;
margin-top: 0;
margin-bottom: 0;
font-size: .5em
}
.wp-block-post-author__avatar {
margin-right: 16px
}
.wp-block-post-author__bio {
margin-bottom: 8px;
font-size: .7em
}
.wp-block-post-author__content {
flex-grow: 1;
flex-basis: 0%
}
.wp-block-post-author__name {
font-weight: 700;
margin: 0
}
.wp-block-pullquote {
padding: 3em 0;
margin-left: 0;
margin-right: 0;
text-align: center
}
.wp-block-pullquote.alignleft,.wp-block-pullquote.alignright {
max-width: 290px
}
.wp-block-pullquote.alignleft p,.wp-block-pullquote.alignright p {
font-size: 20px
}
.wp-block-pullquote p {
font-size: 28px;
line-height: 1.6
}
.wp-block-pullquote cite,.wp-block-pullquote footer {
position: relative
}
.wp-block-pullquote .has-text-color a {
color: inherit
}
.wp-block-pullquote:not(.is-style-solid-color) {
background: none
}
.wp-block-pullquote.is-style-solid-color {
border: none
}
.wp-block-pullquote.is-style-solid-color blockquote {
margin-left: auto;
margin-right: auto;
text-align: left;
max-width: 60%
}
.wp-block-pullquote.is-style-solid-color blockquote p {
margin-top: 0;
margin-bottom: 0;
font-size: 32px
}
.wp-block-pullquote.is-style-solid-color blockquote cite {
text-transform: none;
font-style: normal
}
.wp-block-pullquote cite {
color: inherit
}
.wp-block-quote.is-large,.wp-block-quote.is-style-large {
margin: 0 0 16px;
padding: 0 1em
}
.wp-block-quote.is-large p,.wp-block-quote.is-style-large p {
font-size: 24px;
font-style: italic;
line-height: 1.6
}
.wp-block-quote.is-large cite,.wp-block-quote.is-large footer,.wp-block-quote.is-style-large cite,.wp-block-quote.is-style-large footer {
font-size: 18px;
text-align: right
}
.wp-block-rss.alignleft {
margin-right: 2em
}
.wp-block-rss.alignright {
margin-left: 2em
}
.wp-block-rss.is-grid {
display: flex;
flex-wrap: wrap;
padding: 0;
list-style: none
}
.wp-block-rss.is-grid li {
margin: 0 16px 16px 0;
width: 100%
}
@media (min-width: 600px) {
.wp-block-rss.columns-2 li {
width:calc(50% - 16px)
}
.wp-block-rss.columns-3 li {
width: calc(33.33333% - 16px)
}
.wp-block-rss.columns-4 li {
width: calc(25% - 16px)
}
.wp-block-rss.columns-5 li {
width: calc(20% - 16px)
}
.wp-block-rss.columns-6 li {
width: calc(16.66667% - 16px)
}
}
.wp-block-rss__item-author,.wp-block-rss__item-publish-date {
display: block;
color: #6c7781;
font-size: 13px
}
.wp-block-search {
display: flex;
flex-wrap: wrap
}
.wp-block-search .wp-block-search__label {
width: 100%
}
.wp-block-search .wp-block-search__input {
flex-grow: 1;
max-width: 360px
}
.wp-block-search .wp-block-search__button {
margin-left: 10px
}
.wp-block-separator.is-style-wide {
border-bottom-width: 1px
}
.wp-block-separator.is-style-dots {
background: none!important;
border: none;
text-align: center;
max-width: none;
line-height: 1;
height: auto
}
.wp-block-separator.is-style-dots:before {
content: "\00b7 \00b7 \00b7";
color: currentColor;
font-size: 20px;
letter-spacing: 2em;
padding-left: 2em;
font-family: filson-soft,serif;
}
.wp-block-social-links {
display: flex;
justify-content: flex-start;
padding-left: 0;
padding-right: 0;
margin-left: 0
}
.wp-block-social-links .wp-social-link a,.wp-block-social-links .wp-social-link a:hover {
text-decoration: none;
border-bottom: 0;
box-shadow: none
}
.wp-social-link {
display: block;
width: 36px;
height: 36px;
border-radius: 36px;
margin-right: 8px;
transition: transform .1s ease
}
@media (prefers-reduced-motion:reduce) {
.wp-social-link {
transition-duration: 0s
}
}
.wp-social-link a {
padding: 6px;
display: block;
line-height: 0;
transition: transform .1s ease
}
.wp-social-link a,.wp-social-link a:active,.wp-social-link a:hover,.wp-social-link a:visited,.wp-social-link svg {
color: currentColor;
fill: currentColor
}
.wp-social-link:hover {
transform: scale(1.1)
}
.wp-block-social-links.aligncenter {
justify-content: center;
display: flex
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
background-color: #f0f0f0;
color: #444
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-amazon {
background-color: #f90;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-bandcamp {
background-color: #1ea0c3;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-behance {
background-color: #0757fe;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-codepen {
background-color: #1e1f26;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-deviantart {
background-color: #02e49b;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dribbble {
background-color: #e94c89;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-dropbox {
background-color: #4280ff;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-etsy {
background-color: #f45800;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-facebook {
background-color: #1778f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-fivehundredpx {
background-color: #000;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-flickr {
background-color: #0461dd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-foursquare {
background-color: #e65678;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-github {
background-color: #24292d;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-goodreads {
background-color: #eceadd;
color: #382110
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-google {
background-color: #ea4434;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-instagram {
background-color: #f00075;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-lastfm {
background-color: #e21b24;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-linkedin {
background-color: #0d66c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-mastodon {
background-color: #3288d4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-medium {
background-color: #02ab6c;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-meetup {
background-color: #f6405f;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pinterest {
background-color: #e60122;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-pocket {
background-color: #ef4155;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-reddit {
background-color: #fe4500;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-skype {
background-color: #0478d7;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-snapchat {
background-color: #fefc00;
color: #fff;
stroke: #000
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-soundcloud {
background-color: #ff5600;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-spotify {
background-color: #1bd760;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-tumblr {
background-color: #011835;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitch {
background-color: #6440a4;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-twitter {
background-color: #1da1f2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vimeo {
background-color: #1eb7ea;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-vk {
background-color: #4680c2;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-wordpress {
background-color: #3499cd;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links:not(.is-style-logos-only) .wp-social-link-youtube {
background-color: red;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link {
background: none;
padding: 4px
}
.wp-block-social-links.is-style-logos-only .wp-social-link svg {
width: 28px;
height: 28px
}
.wp-block-social-links.is-style-logos-only .wp-social-link-amazon {
color: #f90
}
.wp-block-social-links.is-style-logos-only .wp-social-link-bandcamp {
color: #1ea0c3
}
.wp-block-social-links.is-style-logos-only .wp-social-link-behance {
color: #0757fe
}
.wp-block-social-links.is-style-logos-only .wp-social-link-codepen {
color: #1e1f26
}
.wp-block-social-links.is-style-logos-only .wp-social-link-deviantart {
color: #02e49b
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dribbble {
color: #e94c89
}
.wp-block-social-links.is-style-logos-only .wp-social-link-dropbox {
color: #4280ff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-etsy {
color: #f45800
}
.wp-block-social-links.is-style-logos-only .wp-social-link-facebook {
color: #1778f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-fivehundredpx {
color: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-flickr {
color: #0461dd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-foursquare {
color: #e65678
}
.wp-block-social-links.is-style-logos-only .wp-social-link-github {
color: #24292d
}
.wp-block-social-links.is-style-logos-only .wp-social-link-goodreads {
color: #382110
}
.wp-block-social-links.is-style-logos-only .wp-social-link-google {
color: #ea4434
}
.wp-block-social-links.is-style-logos-only .wp-social-link-instagram {
color: #f00075
}
.wp-block-social-links.is-style-logos-only .wp-social-link-lastfm {
color: #e21b24
}
.wp-block-social-links.is-style-logos-only .wp-social-link-linkedin {
color: #0d66c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-mastodon {
color: #3288d4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-medium {
color: #02ab6c
}
.wp-block-social-links.is-style-logos-only .wp-social-link-meetup {
color: #f6405f
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pinterest {
color: #e60122
}
.wp-block-social-links.is-style-logos-only .wp-social-link-pocket {
color: #ef4155
}
.wp-block-social-links.is-style-logos-only .wp-social-link-reddit {
color: #fe4500
}
.wp-block-social-links.is-style-logos-only .wp-social-link-skype {
color: #0478d7
}
.wp-block-social-links.is-style-logos-only .wp-social-link-snapchat {
color: #fff;
stroke: #000
}
.wp-block-social-links.is-style-logos-only .wp-social-link-soundcloud {
color: #ff5600
}
.wp-block-social-links.is-style-logos-only .wp-social-link-spotify {
color: #1bd760
}
.wp-block-social-links.is-style-logos-only .wp-social-link-tumblr {
color: #011835
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitch {
color: #6440a4
}
.wp-block-social-links.is-style-logos-only .wp-social-link-twitter {
color: #1da1f2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vimeo {
color: #1eb7ea
}
.wp-block-social-links.is-style-logos-only .wp-social-link-vk {
color: #4680c2
}
.wp-block-social-links.is-style-logos-only .wp-social-link-wordpress {
color: #3499cd
}
.wp-block-social-links.is-style-logos-only .wp-social-link-yelp {
background-color: #d32422;
color: #fff
}
.wp-block-social-links.is-style-logos-only .wp-social-link-youtube {
color: red
}
.wp-block-social-links.is-style-pill-shape .wp-social-link {
width: auto
}
.wp-block-social-links.is-style-pill-shape .wp-social-link a {
padding-left: 16px;
padding-right: 16px
}
.wp-block-spacer {
clear: both
}
p.wp-block-subhead {
font-size: 1.1em;
font-style: italic;
opacity: .75
}
.wp-block-table {
overflow-x: auto
}
.wp-block-table table {
width: 100%
}
.wp-block-table .has-fixed-layout {
table-layout: fixed;
width: 100%
}
.wp-block-table .has-fixed-layout td,.wp-block-table .has-fixed-layout th {
word-break: break-word
}
.wp-block-table.aligncenter,.wp-block-table.alignleft,.wp-block-table.alignright {
display: table;
width: auto
}
.wp-block-table.aligncenter td,.wp-block-table.aligncenter th,.wp-block-table.alignleft td,.wp-block-table.alignleft th,.wp-block-table.alignright td,.wp-block-table.alignright th {
word-break: break-word
}
.wp-block-table .has-subtle-light-gray-background-color {
background-color: #f3f4f5
}
.wp-block-table .has-subtle-pale-green-background-color {
background-color: #e9fbe5
}
.wp-block-table .has-subtle-pale-blue-background-color {
background-color: #e7f5fe
}
.wp-block-table .has-subtle-pale-pink-background-color {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes {
border-spacing: 0;
border-collapse: inherit;
background-color: transparent;
border-bottom: 1px solid #f0f0f0
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
background-color: #f0f0f0
}
.wp-block-table.is-style-stripes.has-subtle-light-gray-background-color tbody tr:nth-child(odd) {
background-color: #f3f4f5
}
.wp-block-table.is-style-stripes.has-subtle-pale-green-background-color tbody tr:nth-child(odd) {
background-color: #e9fbe5
}
.wp-block-table.is-style-stripes.has-subtle-pale-blue-background-color tbody tr:nth-child(odd) {
background-color: #e7f5fe
}
.wp-block-table.is-style-stripes.has-subtle-pale-pink-background-color tbody tr:nth-child(odd) {
background-color: #fcf0ef
}
.wp-block-table.is-style-stripes td,.wp-block-table.is-style-stripes th {
border-color: transparent
}
.wp-block-text-columns,.wp-block-text-columns.aligncenter {
display: flex
}
.wp-block-text-columns .wp-block-column {
margin: 0 16px;
padding: 0
}
.wp-block-text-columns .wp-block-column:first-child {
margin-left: 0
}
.wp-block-text-columns .wp-block-column:last-child {
margin-right: 0
}
.wp-block-text-columns.columns-2 .wp-block-column {
width: 50%
}
.wp-block-text-columns.columns-3 .wp-block-column {
width: 33.33333%
}
.wp-block-text-columns.columns-4 .wp-block-column {
width: 25%
}
.wp-block-video {
margin-left: 0;
margin-right: 0
}
.wp-block-video video {
max-width: 100%
}
@supports ((position: -webkit-sticky) or (position:sticky)) {
.wp-block-video [poster] {
object-fit:cover
}
}
.wp-block-video.aligncenter {
text-align: center
}
.wp-block-video figcaption {
margin-top: .5em;
margin-bottom: 1em
}
:root .editor-styles-wrapper .has-pale-pink-background-color,:root .has-pale-pink-background-color {
background-color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-background-color,:root .has-vivid-red-background-color {
background-color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-background-color,:root .has-luminous-vivid-orange-background-color {
background-color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-background-color,:root .has-luminous-vivid-amber-background-color {
background-color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-background-color,:root .has-light-green-cyan-background-color {
background-color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-background-color,:root .has-vivid-green-cyan-background-color {
background-color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-background-color,:root .has-pale-cyan-blue-background-color {
background-color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-background-color,:root .has-vivid-cyan-blue-background-color {
background-color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-background-color,:root .has-vivid-purple-background-color {
background-color: #9b51e0
}
:root .editor-styles-wrapper .has-white-background-color,:root .has-white-background-color {
background-color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-background-color,:root .has-very-light-gray-background-color {
background-color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-background-color,:root .has-cyan-bluish-gray-background-color {
background-color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-background-color,:root .has-very-dark-gray-background-color {
background-color: #313131
}
:root .editor-styles-wrapper .has-black-background-color,:root .has-black-background-color {
background-color: #000
}
:root .editor-styles-wrapper .has-pale-pink-color,:root .has-pale-pink-color {
color: #f78da7
}
:root .editor-styles-wrapper .has-vivid-red-color,:root .has-vivid-red-color {
color: #cf2e2e
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-color,:root .has-luminous-vivid-orange-color {
color: #ff6900
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-color,:root .has-luminous-vivid-amber-color {
color: #fcb900
}
:root .editor-styles-wrapper .has-light-green-cyan-color,:root .has-light-green-cyan-color {
color: #7bdcb5
}
:root .editor-styles-wrapper .has-vivid-green-cyan-color,:root .has-vivid-green-cyan-color {
color: #00d084
}
:root .editor-styles-wrapper .has-pale-cyan-blue-color,:root .has-pale-cyan-blue-color {
color: #8ed1fc
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-color,:root .has-vivid-cyan-blue-color {
color: #0693e3
}
:root .editor-styles-wrapper .has-vivid-purple-color,:root .has-vivid-purple-color {
color: #9b51e0
}
:root .editor-styles-wrapper .has-white-color,:root .has-white-color {
color: #fff
}
:root .editor-styles-wrapper .has-very-light-gray-color,:root .has-very-light-gray-color {
color: #eee
}
:root .editor-styles-wrapper .has-cyan-bluish-gray-color,:root .has-cyan-bluish-gray-color {
color: #abb8c3
}
:root .editor-styles-wrapper .has-very-dark-gray-color,:root .has-very-dark-gray-color {
color: #313131
}
:root .editor-styles-wrapper .has-black-color,:root .has-black-color {
color: #000
}
:root .editor-styles-wrapper .has-vivid-cyan-blue-to-vivid-purple-gradient-background,:root .has-vivid-cyan-blue-to-vivid-purple-gradient-background {
background: linear-gradient(135deg,#0693e3,#9b51e0)
}
:root .editor-styles-wrapper .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background,:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background {
background: linear-gradient(135deg,#00d084,#0693e3)
}
:root .editor-styles-wrapper .has-light-green-cyan-to-vivid-green-cyan-gradient-background,:root .has-light-green-cyan-to-vivid-green-cyan-gradient-background {
background: linear-gradient(135deg,#7adcb4,#00d082)
}
:root .editor-styles-wrapper .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background,:root .has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
background: linear-gradient(135deg,#fcb900,#ff6900)
}
:root .editor-styles-wrapper .has-luminous-vivid-orange-to-vivid-red-gradient-background,:root .has-luminous-vivid-orange-to-vivid-red-gradient-background {
background: linear-gradient(135deg,#ff6900,#cf2e2e)
}
:root .editor-styles-wrapper .has-very-light-gray-to-cyan-bluish-gray-gradient-background,:root .has-very-light-gray-to-cyan-bluish-gray-gradient-background {
background: linear-gradient(135deg,#eee,#a9b8c3)
}
:root .editor-styles-wrapper .has-cool-to-warm-spectrum-gradient-background,:root .has-cool-to-warm-spectrum-gradient-background {
background: linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c)
}
:root .editor-styles-wrapper .has-blush-light-purple-gradient-background,:root .has-blush-light-purple-gradient-background {
background: linear-gradient(135deg,#ffceec,#9896f0)
}
:root .editor-styles-wrapper .has-blush-bordeaux-gradient-background,:root .has-blush-bordeaux-gradient-background {
background: linear-gradient(135deg,#fecda5,#fe2d2d 50%,#6b003e)
}
:root .editor-styles-wrapper .has-purple-crush-gradient-background,:root .has-purple-crush-gradient-background {
background: linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)
}
:root .editor-styles-wrapper .has-luminous-dusk-gradient-background,:root .has-luminous-dusk-gradient-background {
background: linear-gradient(135deg,#ffcb70,#c751c0 50%,#4158d0)
}
:root .editor-styles-wrapper .has-hazy-dawn-gradient-background,:root .has-hazy-dawn-gradient-background {
background: linear-gradient(135deg,#faaca8,#dad0ec)
}
:root .editor-styles-wrapper .has-pale-ocean-gradient-background,:root .has-pale-ocean-gradient-background {
background: linear-gradient(135deg,#fff5cb,#b6e3d4 50%,#33a7b5)
}
:root .editor-styles-wrapper .has-electric-grass-gradient-background,:root .has-electric-grass-gradient-background {
background: linear-gradient(135deg,#caf880,#71ce7e)
}
:root .editor-styles-wrapper .has-subdued-olive-gradient-background,:root .has-subdued-olive-gradient-background {
background: linear-gradient(135deg,#fafae1,#67a671)
}
:root .editor-styles-wrapper .has-atomic-cream-gradient-background,:root .has-atomic-cream-gradient-background {
background: linear-gradient(135deg,#fdd79a,#004a59)
}
:root .editor-styles-wrapper .has-nightshade-gradient-background,:root .has-nightshade-gradient-background {
background: linear-gradient(135deg,#330968,#31cdcf)
}
:root .editor-styles-wrapper .has-midnight-gradient-background,:root .has-midnight-gradient-background {
background: linear-gradient(135deg,#020381,#2874fc)
}
:root .editor-styles-wrapper .has-link-color a,:root .has-link-color a {
color: #00e;
color: var(--wp--style--color--link,#00e)
}
.editor-styles-wrapper .has-small-font-size,.has-small-font-size {
font-size: 13px
}
.editor-styles-wrapper .has-normal-font-size,.editor-styles-wrapper .has-regular-font-size,.has-normal-font-size,.has-regular-font-size {
font-size: 16px
}
.editor-styles-wrapper .has-medium-font-size,.has-medium-font-size {
font-size: 20px
}
.editor-styles-wrapper .has-large-font-size,.has-large-font-size {
font-size: 36px
}
.editor-styles-wrapper .has-huge-font-size,.editor-styles-wrapper .has-larger-font-size,.has-huge-font-size,.has-larger-font-size {
font-size: 42px
}
.has-text-align-center {
text-align: center
}
.has-text-align-left {
text-align: left
}
.has-text-align-right {
text-align: right
}
#end-resizable-editor-section {
display: none
}
.aligncenter {
clear: both
}
.dnd-icon-remove.deleting {
font-size: 12px;
color: #000;
font-weight: 500;
position: relative;
top: -3px
}
.dnd-icon-remove.deleting:after {
display: none!important
}
.wpcf7-drag-n-drop-file.d-none {
display: none;
opacity: 0;
visibility: hidden;
position: absolute;
top: 0
}
.dnd-upload-status {
display: flex;
padding: 4px 0;
align-items: center;
position: relative
}
.dnd-upload-status .dnd-upload-image {
width: 40px;
height: 40px;
border: 1px solid #a5a5a5;
text-align: center;
border-radius: 100%;
position: relative
}
.dnd-upload-status .dnd-upload-image span.file {
background-image: url("data:image/svg+xml,%0A%3Csvg width='18' height='23' viewBox='0 0 18 23' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M12.569 0.659576H0.5V23H18V6.09053L12.569 0.659576ZM12.7872 1.93075L16.7288 5.87234H12.7872V1.93075ZM1.24468 22.2553V1.40426H12.0426V6.61702H17.2553V22.2553H1.24468Z' fill='%235C5B5B'/%3E%3C/svg%3E%0A");
background-repeat: no-repeat;
background-size: 100%;
height: 21px;
width: 16px;
display: block;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%)
}
.dnd-upload-status .dnd-upload-details {
padding-left: 10px;
width: calc(100% - 40px)
}
.dnd-upload-status .dnd-upload-details .name {
color: #016d98;
padding: 4px 0;
padding-right: 60px;
display: flex
}
.dnd-upload-status .dnd-upload-details .name span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
position: relative;
padding-right: 10px
}
.dnd-upload-status .dnd-upload-details .name em {
color: #444242;
font-weight: 700
}
.dnd-upload-status .dnd-upload-details .remove-file {
position: absolute;
right: 0;
top: 10px;
text-decoration: none;
box-shadow: none;
outline: none;
opacity: 1
}
.dnd-upload-status .dnd-upload-details .remove-file span:after {
content: '';
width: 15px;
height: 15px;
display: block;
background-repeat: no-repeat;
background-size: 100%;
background-image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='https://www.w3.org/2000/svg'%3E%3Cpath d='M17.5 0C7.83499 0 0 7.83499 0 17.5C0 27.165 7.83499 35 17.5 35C27.165 35 35 27.165 35 17.5C34.9888 7.83965 27.1604 0.0112198 17.5 0ZM17.5 33.871C8.45857 33.871 1.12903 26.5414 1.12903 17.5C1.12903 8.45857 8.45857 1.12903 17.5 1.12903C26.5414 1.12903 33.871 8.45857 33.871 17.5C33.861 26.5373 26.5373 33.861 17.5 33.871Z' fill='black'/%3E%3Cpath d='M25.4834 9.51661C25.2629 9.29624 24.9056 9.29624 24.6852 9.51661L17.5 16.7018L10.3148 9.51661C10.0983 9.29236 9.74087 9.28615 9.51661 9.50271C9.29236 9.71927 9.28615 10.0767 9.50271 10.3009C9.50723 10.3057 9.51188 10.3103 9.51661 10.3148L16.7018 17.5L9.51661 24.6852C9.29236 24.9018 9.28615 25.2591 9.50278 25.4834C9.71941 25.7076 10.0768 25.7139 10.301 25.4972C10.3057 25.4927 10.3103 25.488 10.3148 25.4834L17.5 18.2982L24.6852 25.4834C24.9094 25.7 25.2668 25.6938 25.4834 25.4696C25.6947 25.2508 25.6947 24.9039 25.4834 24.6852L18.2982 17.5L25.4834 10.3148C25.7038 10.0944 25.7038 9.73705 25.4834 9.51661Z' fill='black'/%3E%3C/svg%3E%0A")
}
.dnd-upload-status.in-progress .remove-file {
opacity: .2
}
.dnd-upload-status .dnd-upload-details span.has-error {
color: #f50505
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar {
display: block;
border-radius: 5px;
overflow: hidden;
background: #565555;
height: 14px
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span {
background: #4CAF50;
display: block;
font-size: 11px;
text-align: right;
color: #fff;
height: 100%;
width: 0;
line-height: 14px
}
.dnd-upload-status .dnd-upload-details .dnd-progress-bar span.complete {
width: 100%!important;
padding-right: 5px
}
.dnd-upload-counter {
position: absolute;
right: 5px;
bottom: 3px;
font-size: 12px
}
.codedropz-upload-handler {
border: 2px dashed #c5c5c5;
border-radius: 5px;
margin-bottom: 10px;
position: relative
}
.codedropz-upload-container {
padding: 15px 20px
}
.codedropz-upload-inner {
overflow: hidden;
width: 100%;
white-space: nowrap;
text-align: center;
text-overflow: ellipsis;
font-weight: inherit
}
.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
text-decoration: none;
box-shadow: none
}
.codedropz-upload-inner h3 {
margin: 5px 0;
font-size: 30px;
line-height: 32px
}
.codedropz-dragover {
border-color: #6b6a6a
}
.codedropz-upload-wrapper span.has-error-msg {
display: inline-block;
color: red;
padding: 5px 0;
font-style: italic
}
.wpcf7-form label.error-new {
color: #900;
font-size: 11px;
float: none;
padding-left: 5px
}
.wpcf7-form .codedropz-upload-wrapper.invalid .codedropz-upload-handler {
border-bottom-color: #900;
border-bottom-style: solid
}
@media screen and (max-width: 767px) {
.dnd-upload-status .dnd-upload-details .name em {
font-weight:400
}
.dnd-upload-status .dnd-upload-details .name {
padding-right: 60px
}
.codedropz-upload-inner h3 {
font-size: 22px
}
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px,1px,1px,1px);
height: 1px;
width: 1px;
margin: 0;
padding: 0;
border: 0
}
.wpcf7 form .wpcf7-response-output {
margin: 2em .5em 1em;
padding: .2em 1em;
border: 2px solid #00a0d2
}
.wpcf7 form.init .wpcf7-response-output {
display: none
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450
}
.wpcf7 form.failed .wpcf7-response-output,.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232
}
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28
}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output {
border-color: #ffb900
}
.wpcf7-form-control-wrap {
position: relative
}
.wpcf7-not-valid-tip {
color: #dc3232;
font-size: 1em;
font-weight: 400;
display: block
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: absolute;
top: 20%;
left: 20%;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em
}
span.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em
}
span.wpcf7-list-item-label::before,span.wpcf7-list-item-label::after {
content: " "
}
div.wpcf7 .ajax-loader {
visibility: hidden;
display: inline-block;
background-image: url(../images/loading.png);
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 0 0 0 4px;
vertical-align: middle
}
div.wpcf7 .ajax-loader.is-active {
visibility: visible
}
div.wpcf7 div.ajax-error {
display: none
}
div.wpcf7 .placeheld {
color: #888
}
div.wpcf7 input[type="file"] {
cursor: pointer
}
div.wpcf7 input[type="file"]:disabled {
cursor: default
}
div.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed
}
.wpcf7 input[type="url"],.wpcf7 input[type="email"],.wpcf7 input[type="tel"] {
direction: ltr
}
@font-face {
font-family: 'vp-close-icon';
src: url(../fonts/vp-close-icon-font.eot?lv4qfq);
src: url('../fonts/vp-close-icon-font.eot') format('embedded-opentype'),url(../fonts/vp-close-icon-font.ttf) format('truetype'),url(../fonts/vp-close-icon-font.woff) format('woff'),url('../fonts/vp-close-icon-font.svg') format('svg');
font-weight: 400;
font-style: normal
}
.vp-close-button {
font-family: 'vp-close-icon'!important;
speak: none!important;
font-style: normal!important;
font-weight: normal!important;
font-variant: normal!important;
text-transform: none!important;
line-height: 1!important;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important
}
.vp-close-button:before {
content: "\61"
}
@charset "UTF-8";.YouTubePopUp-Wrap {
position: fixed;
width: 100%;
height: 100%;
background-color: #000;
background-color: rgba(0,0,0,.8);
top: 0;
left: 0;
z-index: 2147483647
}
.Video-PopUp-Content {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
justify-content: center;
-webkit-justify-content: center;
width: 100%;
height: 100%
}
.vp-flex {
max-width: 800px;
width: 100%;
height: 450px;
max-height: 90%;
margin: 0 40px;
position: relative;
background-color: #000
}
.vp-flex iframe,.vp-flex video {
width: 100%;
height: 100%;
max-width: 100%!important;
max-height: 100%;
min-width: 100%;
min-height: 100%;
margin: 0!important;
padding: 0!important;
outline: none!important;
display: block;
border: 5px solid #fff;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
-moz-box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
-webkit-box-shadow: 0 2px 10px 0 rgba(0,0,0,.3);
background-color: #000;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box
}
.YouTubePopUp-Close {
position: absolute;
top: 0;
cursor: pointer;
left: -36px;
margin: auto 0;
transition: all ease-in-out 0.3s;
-webkit-transition: all ease-in-out 0.3s;
-moz-transition: all ease-in-out 0.3s;
-o-transition: all ease-in-out 0.3s
}
.YouTubePopUp-Close:before {
font-family: 'vp-close-icon'!important;
speak: none!important;
font-style: normal!important;
font-weight: normal!important;
font-variant: normal!important;
text-transform: none!important;
line-height: 1!important;
-webkit-font-smoothing: antialiased!important;
-moz-osx-font-smoothing: grayscale!important;
content: "\61";
text-shadow: 0 1px 2px rgba(0,0,0,.9);
font-size: 26px;
color: #fff
}
.YouTubePopUp-Close:hover {
opacity: .5
}
.vp-flex.vp-flex-no-border iframe,.vp-flex.vp-flex-no-border video {
padding: 0!important;
border: 0!important;
border-radius: 0!important;
-moz-border-radius: 0!important;
-webkit-border-radius: 0!important
}
.vp-flex-no-border.vp-vt-locally,.vp-flex-no-border.vp-vt-vimeo {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none
}
@media all and (max-width: 782px) {
.vp-flex,.Video-PopUp-Content .vp-flex {
max-width:480px!important;
height: 270px!important
}
}
@media all and (max-width: 320px) {
.vp-flex,.Video-PopUp-Content .vp-flex {
max-width:240px!important;
height: 140px!important
}
}
.pnlm-container {
margin: 0;
padding: 0;
overflow: hidden;
position: relative;
cursor: default;
width: 100%;
height: 100%;
font-family: filson-soft,Helvetica,"Nimbus Sans L","Liberation Sans",Arial,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
background: #f4f4f4 url(../fonts/background.svg) repeat;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
outline: 0;
line-height: 1.4;
contain: content
}
.pnlm-container * {
box-sizing: content-box
}
.pnlm-ui {
position: absolute;
width: 100%;
height: 100%;
z-index: 1
}
.pnlm-grab {
cursor: grab;
cursor: url(../fonts/grab.svg) 12 8,default
}
.pnlm-grabbing {
cursor: grabbing;
cursor: url(../fonts/grabbing.svg) 12 8,default
}
.pnlm-sprite {
background-image: url(../fonts/sprites.svg)
}
.pnlm-container:-moz-full-screen {
height: 100%!important;
width: 100%!important;
position: static!important
}
.pnlm-container:-webkit-full-screen {
height: 100%!important;
width: 100%!important;
position: static!important
}
.pnlm-container:-ms-fullscreen {
height: 100%!important;
width: 100%!important;
position: static!important
}
.pnlm-container:fullscreen {
height: 100%!important;
width: 100%!important;
position: static!important
}
.pnlm-render-container {
cursor: inherit;
position: absolute;
height: 100%;
width: 100%
}
.pnlm-controls {
margin-top: 4px;
background-color: #fff;
border: 1px solid #999;
border-color: rgba(0,0,0,.4);
border-radius: 3px;
cursor: pointer;
z-index: 2;
-webkit-transform: translateZ(9999px);
transform: translateZ(9999px)
}
.pnlm-control:hover {
background-color: #f8f8f8
}
.pnlm-controls-container {
position: absolute;
top: 0;
left: 4px;
z-index: 1
}
.pnlm-zoom-controls {
width: 26px;
height: 52px
}
.pnlm-zoom-in {
width: 100%;
height: 50%;
position: absolute;
top: 0;
border-radius: 3px 3px 0 0
}
.pnlm-zoom-out {
width: 100%;
height: 50%;
position: absolute;
bottom: 0;
background-position: 0 -26px;
border-top: 1px solid #ddd;
border-top-color: rgba(0,0,0,.1);
border-radius: 0 0 3px 3px
}
.pnlm-fullscreen-toggle-button,.pnlm-orientation-button,.pnlm-hot-spot-debug-indicator {
width: 26px;
height: 26px
}
.pnlm-hot-spot-debug-indicator {
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 26px;
margin: -13px 0 0 -13px;
background-color: rgba(255,255,255,.5);
border-radius: 13px;
display: none
}
.pnlm-orientation-button-inactive {
background-position: 0 -156px
}
.pnlm-orientation-button-active {
background-position: 0 -182px
}
.pnlm-fullscreen-toggle-button-inactive {
background-position: 0 -52px
}
.pnlm-fullscreen-toggle-button-active {
background-position: 0 -78px
}
.pnlm-panorama-info {
position: absolute;
bottom: 4px;
background-color: rgba(0,0,0,.7);
border-radius: 0 3px 3px 0;
padding-right: 10px;
color: #fff;
text-align: left;
display: none;
z-index: 2;
-webkit-transform: translateZ(9999px);
transform: translateZ(9999px)
}
.pnlm-title-box {
position: relative;
font-size: 20px;
display: table;
padding-left: 5px;
margin-bottom: 3px
}
.pnlm-author-box {
position: relative;
font-size: 12px;
display: table;
padding-left: 5px
}
.pnlm-load-box {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 150px;
margin: -75px 0 0 -100px;
background-color: rgba(0,0,0,.7);
border-radius: 3px;
text-align: center;
font-size: 20px;
display: none;
color: #fff
}
.pnlm-load-box p {
margin: 20px 0
}
.pnlm-lbox {
position: absolute;
top: 50%;
left: 50%;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;
display: none
}
.pnlm-loading {
animation-duration: 1.5s;
-webkit-animation-duration: 1.5s;
animation-name: pnlm-mv;
-webkit-animation-name: pnlm-mv;
animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
animation-timing-function: linear;
-webkit-animation-timing-function: linear;
height: 10px;
width: 10px;
background-color: #fff;
position: relative
}
@keyframes pnlm-mv {
from {
left: 0;
top: 0
}
25% {
left: 10px;
top: 0
}
50% {
left: 10px;
top: 10px
}
75% {
left: 0;
top: 10px
}
to {
left: 0;
top: 0
}
}
@-webkit-keyframes pnlm-mv {
from {
left: 0;
top: 0
}
25% {
left: 10px;
top: 0
}
50% {
left: 10px;
top: 10px
}
75% {
left: 0;
top: 10px
}
to {
left: 0;
top: 0
}
}
.pnlm-load-button {
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 100px;
margin: -50px 0 0 -100px;
background-color: rgba(0,0,0,.7);
border-radius: 3px;
text-align: center;
font-size: 20px;
display: table;
color: #fff;
cursor: pointer
}
.pnlm-load-button:hover {
background-color: rgba(0,0,0,.8)
}
.pnlm-load-button p {
display: table-cell;
vertical-align: middle
}
.pnlm-info-box {
font-size: 15px;
position: absolute;
top: 50%;
left: 50%;
width: 200px;
height: 150px;
margin: -75px 0 0 -100px;
background-color: #000;
border-radius: 3px;
display: table;
text-align: center;
color: #fff;
table-layout: fixed
}
.pnlm-info-box a,.pnlm-author-box a {
color: #fff;
word-wrap: break-word;
overflow-wrap: break-word
}
.pnlm-info-box p {
display: table-cell;
vertical-align: middle;
padding: 0 5px 0 5px
}
.pnlm-error-msg {
display: none
}
.pnlm-about-msg {
font-size: 11px;
line-height: 11px;
color: #fff;
padding: 5px 8px 5px 8px;
background: rgba(0,0,0,.7);
border-radius: 3px;
position: absolute;
top: 50px;
left: 50px;
display: none;
opacity: 0;
-moz-transition: opacity .3s ease-in-out;
-webkit-transition: opacity .3s ease-in-out;
-o-transition: opacity .3s ease-in-out;
-ms-transition: opacity .3s ease-in-out;
transition: opacity .3s ease-in-out;
z-index: 1
}
.pnlm-about-msg a:link,.pnlm-about-msg a:visited {
color: #fff
}
.pnlm-about-msg a:hover,.pnlm-about-msg a:active {
color: #eee
}
.pnlm-hotspot-base {
position: absolute;
visibility: hidden;
cursor: default;
vertical-align: middle;
top: 0;
z-index: 1
}
.pnlm-hotspot {
height: 26px;
width: 26px;
border-radius: 13px
}
.pnlm-hotspot:hover {
background-color: rgba(255,255,255,.2)
}
.pnlm-hotspot.pnlm-info {
background-position: 0 -104px
}
.pnlm-hotspot.pnlm-scene {
background-position: 0 -130px
}
div.pnlm-tooltip span {
visibility: hidden;
position: absolute;
border-radius: 3px;
background-color: rgba(0,0,0,.7);
color: #fff;
text-align: center;
max-width: 200px;
padding: 5px 10px;
margin-left: -220px;
cursor: default
}
div.pnlm-tooltip:hover span {
visibility: visible
}
div.pnlm-tooltip:hover span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: rgba(0,0,0,.7) transparent transparent transparent;
bottom: -20px;
left: -10px;
margin: 0 50%
}
.pnlm-compass {
position: absolute;
width: 50px;
height: 50px;
right: 4px;
bottom: 4px;
border-radius: 25px;
background-image: url(../fonts/compass.svg);
cursor: default;
display: none
}
.pnlm-world {
position: absolute;
left: 50%;
top: 50%
}
.pnlm-face {
position: absolute;
-webkit-transform-origin: 0 0 0;
transform-origin: 0 0 0
}
.pnlm-dragfix,.pnlm-preview-img {
position: absolute;
height: 100%;
width: 100%
}
.pnlm-preview-img {
background-size: cover;
background-position: center
}
.pnlm-lbar {
width: 150px;
margin: 0 auto;
border: #fff 1px solid;
height: 6px
}
.pnlm-lbar-fill {
background: #fff;
height: 100%;
width: 0
}
.pnlm-lmsg {
font-size: 12px
}
.pnlm-fade-img {
position: absolute;
top: 0;
left: 0
}
.pnlm-pointer {
cursor: pointer
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before,.video-js .vjs-modal-dialog,.vjs-modal-dialog .vjs-modal-dialog-content {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.vjs-button>.vjs-icon-placeholder:before {
text-align: center
}
@font-face {
font-family: VideoJS;
src: url(../fonts/76b4628f6af54f9197d8026cd2ba1ff3.woff) format("woff");
font-weight: 400;
font-style: normal
}
.vjs-icon-play,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play:before,.video-js .vjs-big-play-button .vjs-icon-placeholder:before,.video-js .vjs-play-control .vjs-icon-placeholder:before {
content: "\f101"
}
.vjs-icon-play-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-play-circle:before {
content: "\f102"
}
.vjs-icon-pause,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pause:before,.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before {
content: "\f103"
}
.vjs-icon-volume-mute,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mute:before,.video-js .vjs-mute-control.vjs-vol-0 .vjs-icon-placeholder:before {
content: "\f104"
}
.vjs-icon-volume-low,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-low:before,.video-js .vjs-mute-control.vjs-vol-1 .vjs-icon-placeholder:before {
content: "\f105"
}
.vjs-icon-volume-mid,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-mid:before,.video-js .vjs-mute-control.vjs-vol-2 .vjs-icon-placeholder:before {
content: "\f106"
}
.vjs-icon-volume-high,.video-js .vjs-mute-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-volume-high:before,.video-js .vjs-mute-control .vjs-icon-placeholder:before {
content: "\f107"
}
.vjs-icon-fullscreen-enter,.video-js .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-fullscreen-enter:before,.video-js .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f108"
}
.vjs-icon-fullscreen-exit,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-fullscreen-exit:before,.video-js.vjs-fullscreen .vjs-fullscreen-control .vjs-icon-placeholder:before {
content: "\f109"
}
.vjs-icon-square {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-square:before {
content: "\f10a"
}
.vjs-icon-spinner {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-spinner:before {
content: "\f10b"
}
.vjs-icon-subtitles,.video-js .vjs-subtitles-button .vjs-icon-placeholder,.video-js .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-subtitles:before,.video-js .vjs-subtitles-button .vjs-icon-placeholder:before,.video-js .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-GB) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-IE) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-AU) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js.video-js:lang(en-NZ) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10c"
}
.vjs-icon-captions,.video-js .vjs-captions-button .vjs-icon-placeholder,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-captions:before,.video-js .vjs-captions-button .vjs-icon-placeholder:before,.video-js:lang(en) .vjs-subs-caps-button .vjs-icon-placeholder:before,.video-js:lang(fr-CA) .vjs-subs-caps-button .vjs-icon-placeholder:before {
content: "\f10d"
}
.vjs-icon-chapters,.video-js .vjs-chapters-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-chapters:before,.video-js .vjs-chapters-button .vjs-icon-placeholder:before {
content: "\f10e"
}
.vjs-icon-share {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-share:before {
content: "\f10f"
}
.vjs-icon-cog {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cog:before {
content: "\f110"
}
.vjs-icon-circle,.video-js .vjs-play-progress,.video-js .vjs-volume-level {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle:before,.video-js .vjs-play-progress:before,.video-js .vjs-volume-level:before {
content: "\f111"
}
.vjs-icon-circle-outline {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-outline:before {
content: "\f112"
}
.vjs-icon-circle-inner-circle {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-circle-inner-circle:before {
content: "\f113"
}
.vjs-icon-hd {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-hd:before {
content: "\f114"
}
.vjs-icon-cancel,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-cancel:before,.video-js .vjs-control.vjs-close-button .vjs-icon-placeholder:before {
content: "\f115"
}
.vjs-icon-replay,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-replay:before,.video-js .vjs-play-control.vjs-ended .vjs-icon-placeholder:before {
content: "\f116"
}
.vjs-icon-facebook {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-facebook:before {
content: "\f117"
}
.vjs-icon-gplus {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-gplus:before {
content: "\f118"
}
.vjs-icon-linkedin {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-linkedin:before {
content: "\f119"
}
.vjs-icon-twitter {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-twitter:before {
content: "\f11a"
}
.vjs-icon-tumblr {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-tumblr:before {
content: "\f11b"
}
.vjs-icon-pinterest {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-pinterest:before {
content: "\f11c"
}
.vjs-icon-audio-description,.video-js .vjs-descriptions-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-audio-description:before,.video-js .vjs-descriptions-button .vjs-icon-placeholder:before {
content: "\f11d"
}
.vjs-icon-audio,.video-js .vjs-audio-button .vjs-icon-placeholder {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-audio:before,.video-js .vjs-audio-button .vjs-icon-placeholder:before {
content: "\f11e"
}
.vjs-icon-next-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-next-item:before {
content: "\f11f"
}
.vjs-icon-previous-item {
font-family: VideoJS;
font-weight: 400;
font-style: normal
}
.vjs-icon-previous-item:before {
content: "\f120"
}
.video-js {
display: block;
vertical-align: top;
box-sizing: border-box;
color: #fff;
background-color: #000;
position: relative;
padding: 0;
font-size: 10px;
line-height: 1;
font-weight: 400;
font-style: normal;
font-family: Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
word-break: initial
}
.video-js:-moz-full-screen {
position: absolute
}
.video-js:-webkit-full-screen {
width: 100%!important;
height: 100%!important
}
.video-js[tabindex="-1"] {
outline: none
}
.video-js *,.video-js *:before,.video-js *:after {
box-sizing: inherit
}
.video-js ul {
font-family: inherit;
font-size: inherit;
line-height: inherit;
list-style-position: outside;
margin-left: 0;
margin-right: 0;
margin-top: 0;
margin-bottom: 0
}
.video-js.vjs-fluid,.video-js.vjs-16-9,.video-js.vjs-4-3 {
width: 100%;
max-width: 100%;
height: 0
}
.video-js.vjs-16-9 {
padding-top: 56.25%
}
.video-js.vjs-4-3 {
padding-top: 75%
}
.video-js.vjs-fill {
width: 100%;
height: 100%
}
.video-js .vjs-tech {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
body.vjs-full-window {
padding: 0;
margin: 0;
height: 100%
}
.vjs-full-window .video-js.vjs-fullscreen {
position: fixed;
overflow: hidden;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0
}
.video-js.vjs-fullscreen {
width: 100%!important;
height: 100%!important;
padding-top: 0!important
}
.video-js.vjs-fullscreen.vjs-user-inactive {
cursor: none
}
.vjs-hidden {
display: none!important
}
.vjs-disabled {
opacity: .5;
cursor: default
}
.video-js .vjs-offscreen {
height: 1px;
left: -9999px;
position: absolute;
top: 0;
width: 1px
}
.vjs-lock-showing {
display: block!important;
opacity: 1;
visibility: visible
}
.vjs-no-js {
padding: 20px;
color: #fff;
background-color: #000;
font-size: 18px;
font-family: Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
text-align: center;
width: 300px;
height: 150px;
margin: 0 auto
}
.vjs-no-js a,.vjs-no-js a:visited {
color: #66A8CC
}
.video-js .vjs-big-play-button {
font-size: 3em;
line-height: 1.5em;
height: 1.5em;
width: 3em;
display: block;
position: absolute;
top: 10px;
left: 10px;
padding: 0;
cursor: pointer;
opacity: 1;
border: .06666em solid #fff;
background-color: #2B333F;
background-color: rgba(43,51,63,.7);
border-radius: .3em;
transition: all 0.4s
}
.vjs-big-play-centered .vjs-big-play-button {
top: 50%;
left: 50%;
margin-top: -.75em;
margin-left: -1.5em
}
.video-js:hover .vjs-big-play-button,.video-js .vjs-big-play-button:focus {
border-color: #fff;
background-color: #73859f;
background-color: rgba(115,133,159,.5);
transition: all 0s
}
.vjs-controls-disabled .vjs-big-play-button,.vjs-has-started .vjs-big-play-button,.vjs-using-native-controls .vjs-big-play-button,.vjs-error .vjs-big-play-button {
display: none
}
.vjs-has-started.vjs-paused.vjs-show-big-play-button-on-pause .vjs-big-play-button {
display: block
}
.video-js button {
background: none;
border: none;
color: inherit;
display: inline-block;
font-size: inherit;
line-height: inherit;
text-transform: none;
text-decoration: none;
transition: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.vjs-control .vjs-button {
width: 100%;
height: 100%
}
.video-js .vjs-control.vjs-close-button {
cursor: pointer;
height: 3em;
position: absolute;
right: 0;
top: .5em;
z-index: 2
}
.video-js .vjs-modal-dialog {
background: rgba(0,0,0,.8);
background: linear-gradient(180deg,rgba(0,0,0,.8),rgba(255,255,255,0));
overflow: auto
}
.video-js .vjs-modal-dialog>* {
box-sizing: border-box
}
.vjs-modal-dialog .vjs-modal-dialog-content {
font-size: 1.2em;
line-height: 1.5;
padding: 20px 24px;
z-index: 1
}
.vjs-menu-button {
cursor: pointer
}
.vjs-menu-button.vjs-disabled {
cursor: default
}
.vjs-workinghover .vjs-menu-button.vjs-disabled:hover .vjs-menu {
display: none
}
.vjs-menu .vjs-menu-content {
display: block;
padding: 0;
margin: 0;
font-family: Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
overflow: auto
}
.vjs-menu .vjs-menu-content>* {
box-sizing: border-box
}
.vjs-scrubbing .vjs-control.vjs-menu-button:hover .vjs-menu {
display: none
}
.vjs-menu li {
list-style: none;
margin: 0;
padding: .2em 0;
line-height: 1.4em;
font-size: 1.2em;
text-align: center;
text-transform: lowercase
}
.vjs-menu li.vjs-menu-item:focus,.vjs-menu li.vjs-menu-item:hover {
background-color: #73859f;
background-color: rgba(115,133,159,.5)
}
.vjs-menu li.vjs-selected,.vjs-menu li.vjs-selected:focus,.vjs-menu li.vjs-selected:hover {
background-color: #fff;
color: #2B333F
}
.vjs-menu li.vjs-menu-title {
text-align: center;
text-transform: uppercase;
font-size: 1em;
line-height: 2em;
padding: 0;
margin: 0 0 .3em 0;
font-weight: 700;
cursor: default
}
.vjs-menu-button-popup .vjs-menu {
display: none;
position: absolute;
bottom: 0;
width: 10em;
left: -3em;
height: 0em;
margin-bottom: 1.5em;
border-top-color: rgba(43,51,63,.7)
}
.vjs-menu-button-popup .vjs-menu .vjs-menu-content {
background-color: #2B333F;
background-color: rgba(43,51,63,.7);
position: absolute;
width: 100%;
bottom: 1.5em;
max-height: 15em
}
.vjs-workinghover .vjs-menu-button-popup:hover .vjs-menu,.vjs-menu-button-popup .vjs-menu.vjs-lock-showing {
display: block
}
.video-js .vjs-menu-button-inline {
transition: all 0.4s;
overflow: hidden
}
.video-js .vjs-menu-button-inline:before {
width: 2.222222222em
}
.video-js .vjs-menu-button-inline:hover,.video-js .vjs-menu-button-inline:focus,.video-js .vjs-menu-button-inline.vjs-slider-active,.video-js.vjs-no-flex .vjs-menu-button-inline {
width: 12em
}
.vjs-menu-button-inline .vjs-menu {
opacity: 0;
height: 100%;
width: auto;
position: absolute;
left: 4em;
top: 0;
padding: 0;
margin: 0;
transition: all 0.4s
}
.vjs-menu-button-inline:hover .vjs-menu,.vjs-menu-button-inline:focus .vjs-menu,.vjs-menu-button-inline.vjs-slider-active .vjs-menu {
display: block;
opacity: 1
}
.vjs-no-flex .vjs-menu-button-inline .vjs-menu {
display: block;
opacity: 1;
position: relative;
width: auto
}
.vjs-no-flex .vjs-menu-button-inline:hover .vjs-menu,.vjs-no-flex .vjs-menu-button-inline:focus .vjs-menu,.vjs-no-flex .vjs-menu-button-inline.vjs-slider-active .vjs-menu {
width: auto
}
.vjs-menu-button-inline .vjs-menu-content {
width: auto;
height: 100%;
margin: 0;
overflow: hidden
}
.video-js .vjs-control-bar {
display: none;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
right: 0;
height: 3em;
background-color: #2B333F;
background-color: rgba(43,51,63,.7)
}
.vjs-has-started .vjs-control-bar {
display: flex;
visibility: visible;
opacity: 1;
transition: visibility 0.1s,opacity 0.1s
}
.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
visibility: visible;
opacity: 0;
transition: visibility 1s,opacity 1s
}
.vjs-controls-disabled .vjs-control-bar,.vjs-using-native-controls .vjs-control-bar,.vjs-error .vjs-control-bar {
display: none!important
}
.vjs-audio.vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar {
opacity: 1;
visibility: visible
}
.vjs-has-started.vjs-no-flex .vjs-control-bar {
display: table
}
.video-js .vjs-control {
position: relative;
text-align: center;
margin: 0;
padding: 0;
height: 100%;
width: 4em;
flex: none
}
.vjs-button>.vjs-icon-placeholder:before {
font-size: 1.8em;
line-height: 1.67
}
.video-js .vjs-control:focus:before,.video-js .vjs-control:hover:before,.video-js .vjs-control:focus {
text-shadow: 0em 0em 1em #fff
}
.video-js .vjs-control-text {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px
}
.vjs-no-flex .vjs-control {
display: table-cell;
vertical-align: middle
}
.video-js .vjs-custom-control-spacer {
display: none
}
.video-js .vjs-progress-control {
cursor: pointer;
flex: auto;
display: flex;
align-items: center;
min-width: 4em;
touch-action: none
}
.video-js .vjs-progress-control.disabled {
cursor: default
}
.vjs-live .vjs-progress-control {
display: none
}
.vjs-no-flex .vjs-progress-control {
width: auto
}
.video-js .vjs-progress-holder {
flex: auto;
transition: all 0.2s;
height: .3em
}
.video-js .vjs-progress-control .vjs-progress-holder {
margin: 0 10px
}
.video-js .vjs-progress-control:hover .vjs-progress-holder {
font-size: 1.666666666666666666em
}
.video-js .vjs-progress-control:hover .vjs-progress-holder.disabled {
font-size: 1em
}
.video-js .vjs-progress-holder .vjs-play-progress,.video-js .vjs-progress-holder .vjs-load-progress,.video-js .vjs-progress-holder .vjs-load-progress div {
position: absolute;
display: block;
height: 100%;
margin: 0;
padding: 0;
width: 0
}
.video-js .vjs-play-progress {
background-color: #fff
}
.video-js .vjs-play-progress:before {
font-size: .9em;
position: absolute;
right: -.5em;
top: -.333333333333333em;
z-index: 1
}
.video-js .vjs-load-progress {
background: rgba(115,133,159,.5)
}
.video-js .vjs-load-progress div {
background: rgba(115,133,159,.75)
}
.video-js .vjs-time-tooltip {
background-color: #fff;
background-color: rgba(255,255,255,.8);
border-radius: .3em;
color: #000;
float: right;
font-family: Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-size: 1em;
padding: 6px 8px 8px 8px;
pointer-events: none;
position: relative;
top: -3.4em;
visibility: hidden;
z-index: 1
}
.video-js .vjs-progress-holder:focus .vjs-time-tooltip {
display: none
}
.video-js .vjs-progress-control:hover .vjs-time-tooltip,.video-js .vjs-progress-control:hover .vjs-progress-holder:focus .vjs-time-tooltip {
display: block;
font-size: .6em;
visibility: visible
}
.video-js .vjs-progress-control.disabled:hover .vjs-time-tooltip {
font-size: 1em
}
.video-js .vjs-progress-control .vjs-mouse-display {
display: none;
position: absolute;
width: 1px;
height: 100%;
background-color: #000;
z-index: 1
}
.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
z-index: 0
}
.video-js .vjs-progress-control:hover .vjs-mouse-display {
display: block
}
.video-js.vjs-user-inactive .vjs-progress-control .vjs-mouse-display {
visibility: hidden;
opacity: 0;
transition: visibility 1s,opacity 1s
}
.video-js.vjs-user-inactive.vjs-no-flex .vjs-progress-control .vjs-mouse-display {
display: none
}
.vjs-mouse-display .vjs-time-tooltip {
color: #fff;
background-color: #000;
background-color: rgba(0,0,0,.8)
}
.video-js .vjs-slider {
position: relative;
cursor: pointer;
padding: 0;
margin: 0 .45em 0 .45em;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
background-color: #73859f;
background-color: rgba(115,133,159,.5)
}
.video-js .vjs-slider.disabled {
cursor: default
}
.video-js .vjs-slider:focus {
text-shadow: 0em 0em 1em #fff;
box-shadow: 0 0 1em #fff
}
.video-js .vjs-mute-control {
cursor: pointer;
flex: none
}
.video-js .vjs-volume-control {
cursor: pointer;
margin-right: 1em;
display: flex
}
.video-js .vjs-volume-control.vjs-volume-horizontal {
width: 5em
}
.video-js .vjs-volume-panel .vjs-volume-control {
visibility: visible;
opacity: 0;
width: 1px;
height: 1px;
margin-left: -1px
}
.video-js .vjs-volume-panel {
transition: width 1s
}
.video-js .vjs-volume-panel:hover .vjs-volume-control,.video-js .vjs-volume-panel:active .vjs-volume-control,.video-js .vjs-volume-panel:focus .vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control:hover,.video-js .vjs-volume-panel .vjs-volume-control:active,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active {
visibility: visible;
opacity: 1;
position: relative;
transition: visibility 0.1s,opacity 0.1s,height 0.1s,width 0.1s,left 0s,top 0s
}
.video-js .vjs-volume-panel:hover .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:active .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel:focus .vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:hover.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control:active.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-mute-control:hover~.vjs-volume-control.vjs-volume-horizontal,.video-js .vjs-volume-panel .vjs-volume-control.vjs-slider-active.vjs-volume-horizontal {
width: 5em;
height: 3em
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:hover,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal:active,.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-slider-active {
width: 9em;
transition: width 0.1s
}
.video-js .vjs-volume-panel.vjs-volume-panel-horizontal.vjs-mute-toggle-only {
width: 4em
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
height: 8em;
width: 3em;
left: -3.5em;
transition: visibility 1s,opacity 1s,height 1s 1s,width 1s 1s,left 1s 1s,top 1s 1s
}
.video-js .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
transition: visibility 1s,opacity 1s,height 1s 1s,width 1s,left 1s 1s,top 1s 1s
}
.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-horizontal {
width: 5em;
height: 3em;
visibility: visible;
opacity: 1;
position: relative;
transition: none
}
.video-js.vjs-no-flex .vjs-volume-control.vjs-volume-vertical,.video-js.vjs-no-flex .vjs-volume-panel .vjs-volume-control.vjs-volume-vertical {
position: absolute;
bottom: 3em;
left: .5em
}
.video-js .vjs-volume-panel {
display: flex
}
.video-js .vjs-volume-bar {
margin: 1.35em .45em
}
.vjs-volume-bar.vjs-slider-horizontal {
width: 5em;
height: .3em
}
.vjs-volume-bar.vjs-slider-vertical {
width: .3em;
height: 5em;
margin: 1.35em auto
}
.video-js .vjs-volume-level {
position: absolute;
bottom: 0;
left: 0;
background-color: #fff
}
.video-js .vjs-volume-level:before {
position: absolute;
font-size: .9em
}
.vjs-slider-vertical .vjs-volume-level {
width: .3em
}
.vjs-slider-vertical .vjs-volume-level:before {
top: -.5em;
left: -.3em
}
.vjs-slider-horizontal .vjs-volume-level {
height: .3em
}
.vjs-slider-horizontal .vjs-volume-level:before {
top: -.3em;
right: -.5em
}
.video-js .vjs-volume-panel.vjs-volume-panel-vertical {
width: 4em
}
.vjs-volume-bar.vjs-slider-vertical .vjs-volume-level {
height: 100%
}
.vjs-volume-bar.vjs-slider-horizontal .vjs-volume-level {
width: 100%
}
.video-js .vjs-volume-vertical {
width: 3em;
height: 8em;
bottom: 8em;
background-color: #2B333F;
background-color: rgba(43,51,63,.7)
}
.video-js .vjs-volume-horizontal .vjs-menu {
left: -2em
}
.vjs-poster {
display: inline-block;
vertical-align: middle;
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: contain;
background-color: #000;
cursor: pointer;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
height: 100%
}
.vjs-has-started .vjs-poster {
display: none
}
.vjs-audio.vjs-has-started .vjs-poster {
display: block
}
.vjs-using-native-controls .vjs-poster {
display: none
}
.video-js .vjs-live-control {
display: flex;
align-items: flex-start;
flex: auto;
font-size: 1em;
line-height: 3em
}
.vjs-no-flex .vjs-live-control {
display: table-cell;
width: auto;
text-align: left
}
.video-js .vjs-time-control {
flex: none;
font-size: 1em;
line-height: 3em;
min-width: 2em;
width: auto;
padding-left: 1em;
padding-right: 1em
}
.vjs-live .vjs-time-control {
display: none
}
.video-js .vjs-current-time,.vjs-no-flex .vjs-current-time {
display: none
}
.video-js .vjs-duration,.vjs-no-flex .vjs-duration {
display: none
}
.vjs-time-divider {
display: none;
line-height: 3em
}
.vjs-live .vjs-time-divider {
display: none
}
.video-js .vjs-play-control .vjs-icon-placeholder {
cursor: pointer;
flex: none
}
.vjs-text-track-display {
position: absolute;
bottom: 3em;
left: 0;
right: 0;
top: 0;
pointer-events: none
}
.video-js.vjs-user-inactive.vjs-playing .vjs-text-track-display {
bottom: 1em
}
.video-js .vjs-text-track {
font-size: 1.4em;
text-align: center;
margin-bottom: .1em
}
.vjs-subtitles {
color: #fff
}
.vjs-captions {
color: #fc6
}
.vjs-tt-cue {
display: block
}
video::-webkit-media-text-track-display {
-webkit-transform: translateY(-3em);
transform: translateY(-3em)
}
.video-js.vjs-user-inactive.vjs-playing video::-webkit-media-text-track-display {
-webkit-transform: translateY(-1.5em);
transform: translateY(-1.5em)
}
.video-js .vjs-fullscreen-control {
cursor: pointer;
flex: none
}
.vjs-playback-rate>.vjs-menu-button,.vjs-playback-rate .vjs-playback-rate-value {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.vjs-playback-rate .vjs-playback-rate-value {
pointer-events: none;
font-size: 1.5em;
line-height: 2;
text-align: center
}
.vjs-playback-rate .vjs-menu {
width: 4em;
left: 0em
}
.vjs-error .vjs-error-display .vjs-modal-dialog-content {
font-size: 1.4em;
text-align: center
}
.vjs-error .vjs-error-display:before {
color: #fff;
content: 'X';
font-family: Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-size: 4em;
left: 0;
line-height: 1;
margin-top: -.5em;
position: absolute;
text-shadow: .05em .05em .1em #000;
text-align: center;
top: 50%;
vertical-align: middle;
width: 100%
}
.vjs-loading-spinner {
display: none;
position: absolute;
top: 50%;
left: 50%;
margin: -25px 0 0 -25px;
opacity: .85;
text-align: left;
border: 6px solid rgba(43,51,63,.7);
box-sizing: border-box;
background-clip: padding-box;
width: 50px;
height: 50px;
border-radius: 25px;
visibility: hidden
}
.vjs-seeking .vjs-loading-spinner,.vjs-waiting .vjs-loading-spinner {
display: block;
-webkit-animation: 0s linear 0.3s forwards vjs-spinner-show;
animation: 0s linear 0.3s forwards vjs-spinner-show
}
.vjs-loading-spinner:before,.vjs-loading-spinner:after {
content: "";
position: absolute;
margin: -6px;
box-sizing: inherit;
width: inherit;
height: inherit;
border-radius: inherit;
opacity: 1;
border: inherit;
border-color: transparent;
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:before,.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:after {
-webkit-animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite;
animation: vjs-spinner-spin 1.1s cubic-bezier(.6,.2,0,.8) infinite,vjs-spinner-fade 1.1s linear infinite
}
.vjs-seeking .vjs-loading-spinner:before,.vjs-waiting .vjs-loading-spinner:before {
border-top-color: #fff
}
.vjs-seeking .vjs-loading-spinner:after,.vjs-waiting .vjs-loading-spinner:after {
border-top-color: #fff;
-webkit-animation-delay: 0.44s;
animation-delay: 0.44s
}
@keyframes vjs-spinner-show {
to {
visibility: visible
}
}
@-webkit-keyframes vjs-spinner-show {
to {
visibility: visible
}
}
@keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-webkit-keyframes vjs-spinner-spin {
100% {
-webkit-transform: rotate(360deg)
}
}
@keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
100% {
border-top-color: #73859f
}
}
@-webkit-keyframes vjs-spinner-fade {
0% {
border-top-color: #73859f
}
20% {
border-top-color: #73859f
}
35% {
border-top-color: #fff
}
60% {
border-top-color: #73859f
}
100% {
border-top-color: #73859f
}
}
.vjs-chapters-button .vjs-menu ul {
width: 24em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em
}
.video-js .vjs-subs-caps-button+.vjs-menu .vjs-captions-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: "\f10d";
font-size: 1.5em;
line-height: inherit
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder {
vertical-align: middle;
display: inline-block;
margin-bottom: -.1em
}
.video-js .vjs-audio-button+.vjs-menu .vjs-main-desc-menu-item .vjs-menu-item-text .vjs-icon-placeholder:before {
font-family: VideoJS;
content: " \f11d";
font-size: 1.5em;
line-height: inherit
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-custom-control-spacer {
flex: auto
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen).vjs-no-flex .vjs-custom-control-spacer {
width: auto
}
.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-progress-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-tiny:not(.vjs-fullscreen) .vjs-audio-button {
display: none
}
.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-subtitles-button,.video-js.vjs-layout-x-small:not(.vjs-fullscreen) .vjs-audio-button {
display: none
}
.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-current-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-time-divider,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-duration,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-remaining-time,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-playback-rate,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-mute-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-volume-control,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-chapters-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-descriptions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-captions-button,.video-js.vjs-layout-small:not(.vjs-fullscreen) .vjs-subtitles-button .vjs-audio-button {
display: none
}
.vjs-modal-dialog.vjs-text-track-settings {
background-color: #2B333F;
background-color: rgba(43,51,63,.75);
color: #fff;
height: 70%
}
.vjs-text-track-settings .vjs-modal-dialog-content {
display: table
}
.vjs-text-track-settings .vjs-track-settings-colors,.vjs-text-track-settings .vjs-track-settings-font,.vjs-text-track-settings .vjs-track-settings-controls {
display: table-cell
}
.vjs-text-track-settings .vjs-track-settings-controls {
text-align: right;
vertical-align: bottom
}
@supports (display: grid) {
.vjs-text-track-settings .vjs-modal-dialog-content {
display:grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto
}
.vjs-text-track-settings .vjs-track-settings-colors {
display: block;
grid-column: 1;
grid-row: 1
}
.vjs-text-track-settings .vjs-track-settings-font {
grid-column: 2;
grid-row: 1
}
.vjs-text-track-settings .vjs-track-settings-controls {
grid-column: 2;
grid-row: 2
}
}
.vjs-track-setting>select {
margin-right: 5px
}
.vjs-text-track-settings fieldset {
margin: 5px;
padding: 3px;
border: none
}
.vjs-text-track-settings fieldset span {
display: inline-block
}
.vjs-text-track-settings legend {
color: #fff;
margin: 0 0 5px 0
}
.vjs-text-track-settings .vjs-label {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px,1px,1px,1px);
display: block;
margin: 0 0 5px 0;
padding: 0;
border: 0;
height: 1px;
width: 1px;
overflow: hidden
}
.vjs-track-settings-controls button:focus,.vjs-track-settings-controls button:active {
outline-style: solid;
outline-width: medium;
background-image: linear-gradient(0deg,#fff 88%,#73859f 100%)
}
.vjs-track-settings-controls button:hover {
color: rgba(43,51,63,.75)
}
.vjs-track-settings-controls button {
background-color: #fff;
background-image: linear-gradient(-180deg,#fff 88%,#73859f 100%);
color: #2B333F;
cursor: pointer;
border-radius: 2px
}
.vjs-track-settings-controls .vjs-default-button {
margin-right: 1em
}
@media print {
.video-js>*:not(.vjs-tech):not(.vjs-poster) {
visibility: hidden
}
}
.vjs-resize-manager {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: none;
visibility: hidden
}
.vrowl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
position: relative;
z-index: 1
}
.vrowl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
touch-action: manipulation;
-moz-backface-visibility: hidden
}
.vrowl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0
}
.vrowl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
-webkit-transform: translate3d(0,0,0)
}
.vrowl-carousel .owl-wrapper,.vrowl-carousel .owl-item {
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0)
}
.vrowl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none
}
.vrowl-carousel .owl-item img {
display: block;
width: 100%
}
.vrowl-carousel .owl-nav.disabled,.vrowl-carousel .owl-dots.disabled {
display: none
}
.vrowl-carousel .owl-nav .owl-prev,.vrowl-carousel .owl-nav .owl-next,.vrowl-carousel .owl-dot {
cursor: pointer;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.vrowl-carousel .owl-nav button.owl-prev,.vrowl-carousel .owl-nav button.owl-next,.vrowl-carousel button.owl-dot {
background: none;
color: inherit;
border: none;
padding: 0!important;
font: inherit
}
.vrowl-carousel.owl-loaded {
display: block
}
.vrowl-carousel.owl-loading {
opacity: 0;
display: block
}
.vrowl-carousel.owl-hidden {
opacity: 0
}
.vrowl-carousel.owl-refresh .owl-item {
visibility: hidden
}
.vrowl-carousel.owl-drag .owl-item {
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none
}
.vrowl-carousel.owl-grab {
cursor: move;
cursor: grab
}
.vrowl-carousel.owl-rtl {
direction: rtl
}
.vrowl-carousel.owl-rtl .owl-item {
float: right
}
.no-js .vrowl-carousel {
display: block
}
.vrowl-carousel .animated {
animation-duration: 1000ms;
animation-fill-mode: both
}
.vrowl-carousel .owl-animated-in {
z-index: 0
}
.vrowl-carousel .owl-animated-out {
z-index: 1
}
.vrowl-carousel .fadeOut {
animation-name: fadeOut
}
@keyframes fadeOut {
0% {
opacity: 1
}
100% {
opacity: 0
}
}
.owl-height {
transition: height 500ms ease-in-out
}
.vrowl-carousel .owl-item .owl-lazy {
opacity: 0;
transition: opacity 400ms ease
}
.vrowl-carousel .owl-item .owl-lazy[src^=""],.vrowl-carousel .owl-item .owl-lazy:not([src]) {
max-height: 0
}
.vrowl-carousel .owl-item img.owl-lazy {
transform-style: preserve-3d
}
.vrowl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000
}
.vrowl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../images/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
transition: transform 100ms ease
}
.vrowl-carousel .owl-video-play-icon:hover {
-ms-transform: scale(1.3,1.3);
transform: scale(1.3,1.3)
}
.vrowl-carousel .owl-video-playing .owl-video-tn,.vrowl-carousel .owl-video-playing .owl-video-play-icon {
display: none
}
.vrowl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
background-size: contain;
transition: opacity 400ms ease
}
.vrowl-carousel .owl-video-frame {
position: relative;
z-index: 1;
height: 100%;
width: 100%
}
.wpvr-mobile-notice {
position: fixed;
bottom: 0;
left: 0;
width: 100%;
background: #004efa;
display: flex;
flex-flow: row;
align-items: center;
justify-content: center;
padding: 10px;
display: none;
z-index: 9
}
.wpvr-mobile-notice p {
color: #fff;
margin: 0;
font-size: 13px;
margin-right: 17px;
width: calc(100% - 20px)
}
.wpvr-mobile-notice .notice-close {
font-size: 11px;
border: 1px solid;
color: #fff;
display: inline-block;
line-height: 18px;
height: 20px;
width: 20px;
text-align: center;
border-radius: 100%;
cursor: pointer
}
#cp-logo-controls {
position: absolute;
top: 10px;
right: 10px;
z-index: 2
}
.cp-logo-ctrl {
height: auto;
display: inline-block;
cursor: pointer;
margin: 0 auto
}
.cp-logo-ctrl img {
max-width: 100px!important;
margin-left: auto;
display: block
}
.adcontrol {
position: absolute;
bottom: 5px;
z-index: 2
}
.audio_control {
background: none!important;
padding: unset
}
#cp-logo-controls .cp-logo-ctrl .cp-info {
font-size: 15px;
position: relative;
background: #fff;
max-width: 350px;
width: auto;
padding: 10px;
border-radius: 5px;
margin-top: 5px;
display: none;
transition: all 0.3s ease
}
#cp-logo-controls .cp-logo-ctrl.show .cp-info {
display: block
}
.zoom-in-out-controls {
position: absolute;
top: 5px;
left: 5px;
z-index: 2;
text-align: center;
display: flex;
flex-flow: column;
background: rgba(255,255,255,.27)
}
.zoom-in-out-controls .ctrl {
padding: 2px 0
}
.pnlm-container .controls {
position: absolute;
bottom: 5px;
left: 5px;
z-index: 2;
text-align: center;
width: 80px;
height: 80px;
background: rgba(255,255,255,.27);
border-radius: 100%
}
.pnlm-load-button p {
color: #fff!important
}
.ctrl {
width: 30px;
text-align: center;
display: inline-block;
cursor: pointer
}
.ctrl i {
font-size: 18px
}
.ctrl:hover {
background: none
}
.controls .ctrl {
position: absolute
}
.pan-up {
left: 50%;
top: 0;
transform: translateX(-50%)
}
.pan-down {
bottom: 0;
left: 50%;
transform: translateX(-50%)
}
.pan-left {
left: 0;
top: 50%;
transform: translateY(-50%)
}
.pan-right {
right: 0;
top: 50%;
transform: translateY(-50%)
}
.fullscreen {
top: 50%;
left: 50%;
transform: translate(-50%,-50%)
}
div.pnlm-hotspot-base.fas:before,div.pnlm-hotspot-base.fab:before,div.pnlm-hotspot-base.far:before {
font-size: 14px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%,-50%)
}
.vrbounce {
display: inline-block;
position: relative;
-moz-animation: vrbounce 0.5s infinite linear;
-o-animation: vrbounce 0.5s infinite linear;
-webkit-animation: vrbounce 0.5s infinite linear;
animation: vrbounce 0.5s infinite linear;
color: 0
}
@-webkit-keyframes vrbounce {
0% {
top: 0
}
50% {
top: -.2em
}
70% {
top: -.3em
}
100% {
top: 0
}
}
@-moz-keyframes vrbounce {
0% {
top: 0
}
50% {
top: -.2em
}
70% {
top: -.3em
}
100% {
top: 0
}
}
@-o-keyframes vrbounce {
0% {
top: 0
}
50% {
top: -.2em
}
70% {
top: -.3em
}
100% {
top: 0
}
}
@-ms-keyframes vrbounce {
0% {
top: 0
}
50% {
top: -.2em
}
70% {
top: -.3em
}
100% {
top: 0
}
}
@keyframes vrbounce {
0% {
top: 0
}
50% {
top: -.2em
}
70% {
top: -.3em
}
100% {
top: 0
}
}
.vrgcontrols {
position: absolute;
z-index: 3;
width: 20px;
bottom: 0;
height: 30px;
cursor: pointer;
left: 50%;
transform: translateX(-50%);
}
.vrbounce {
color: #fff;
display: inline-block;
cursor: pointer;
padding-top: 10px
}
.scene-gallery ul {
margin: 0;
padding: 0
}
.scene-gallery ul li {
list-style: none;
font-size: 13px;
line-height: 1.2;
margin: 0
}
.scene-gallery ul li img {
margin-top: 3px!important
}
.scene-gallery {
position: absolute;
bottom: 0;
z-index: 2;
text-align: center;
width: 100%;
padding: 10px 15px;
background-color: rgba(0,0,0,.35);
color: #fff
}
.scctrl {
border-radius: 5px!important;
width: 100px;
height: 100px!important;
display: inline-block;
cursor: pointer;
margin: 5px
}
.scctrl:hover {
background: rgba(200,200,200,1)
}
.vrfullwidth {
width: 98vw!important;
position: relative;
margin-left: -49vw!important;
left: 50%!important;
max-width: 100vw!important
}
.vrembed {
width: 100%!important;
height: 100%!important;
position: fixed;
left: 0;
top: 0;
z-index: 999;
max-width: 100%!important;
margin: 0!important
}
.pnlm-container iframe {
max-width: inherit;
margin-bottom: 0
}
.pnlm-hotspot-base.custom-icon {
width: 30px;
height: 30px;
display: block;
cursor: pointer;
border-radius: 100%
}
.pnlm-hotspot-base.custom-icon:hover {
z-index: 9
}
.pnlm-panorama-info {
left: 0;
bottom: 0
}
div.custom-tooltip span {
visibility: hidden;
position: absolute;
border-radius: 3px;
background-color: #fff;
color: #000;
font-size: 16px;
text-align: center;
padding: 5px 10px;
cursor: default;
margin: 0!important;
bottom: 40px!important;
transform: translateX(-50%);
min-width: 300px;
font-weight: 400
}
div.custom-tooltip span p {
max-height: 250px;
overflow: auto
}
div.custom-tooltip span a {
transition: inherit
}
div.custom-tooltip span img {
max-width: inherit;
height: 225px;
width: 400px
}
div.pnlm-tooltip span {
display: none
}
div.custom-tooltip:hover span {
visibility: visible
}
div.custom-tooltip:hover span:after {
content: '';
position: absolute;
width: 0;
height: 0;
border-width: 10px;
border-style: solid;
border-color: #fff transparent transparent transparent;
bottom: -20px;
left: -10px;
margin: 0 50%
}
.custom-ifram-wrapper {
position: absolute;
top: 10%;
bottom: 10%;
left: 50%;
transform: translateX(-50%);
z-index: 99;
width: 80%;
max-width: 980px
}
.custom-ifram-flex {
height: 100%;
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
justify-content: center;
background: #fff;
border-radius: 5px
}
div.custom-ifram {
width: 100%;
max-height: 100%;
overflow: auto
}
.pano-wrap:before {
content: "";
position: absolute;
left: 0;
top: 0;
background: rgba(0,0,0,.7);
width: 100%;
height: 100%;
z-index: 99;
opacity: 0;
visibility: hidden;
transition: all 0.4s linear
}
.pano-wrap.show-modal:before {
opacity: 1;
visibility: visible
}
.pano-wrap .cross {
background: #fff;
width: 24px;
height: 24px;
color: red;
line-height: 26px;
position: absolute;
top: -13px;
right: -10px;
text-align: center;
z-index: 99;
font-size: 13px;
border-radius: 100%;
padding-left: 0;
cursor: pointer;
opacity: 0;
visibility: hidden;
transition: all 0.4s ease;
box-sizing: border-box;
box-shadow: 0 0 5px rgba(0,0,0,.3)
}
.pano-wrap.show-modal .cross {
opacity: 1;
visibility: visible
}
.custom-ifram p,.custom-tooltip p {
background-color: #fff;
padding: 10px 0;
margin: auto;
border-radius: 5px;
font-size: 15px;
line-height: 24px
}
.custom-ifram p {
padding: 10px
}
.custom-ifram video {
margin: 0 auto
}
.custom-ifram img {
max-width: 100%;
height: auto;
margin: 0 auto;
display: block
}
.custom-ifram iframe {
max-width: 100%;
margin: 0 auto;
display: block
}
.pnlm-load-box {
top: 0;
left: 0;
margin: 0;
width: 100%;
height: 100%;
z-index: 99;
background-color: rgba(0,0,0,.8)
}
.pnlm-load-box>p {
display: none
}
.pnlm-load-box .pnlm-lbar {
width: 100%;
border: none;
height: 8px;
position: absolute;
left: 0;
bottom: 0
}
.pnlm-load-box .pnlm-lbar .pnlm-lbar-fill {
background: #4775f6
}
.oxy-wp-vr-tour {
width: 100%
}
.wpvr-product-container {
display: flex;
align-items: center;
justify-content: center;
background: #fff;
padding: 15px;
border-radius: 5px
}
.wpvr-product-container .wpvr-pr-left-block {
width: 50%;
box-sizing: border-box
}
.wpvr-product-container .wpvr-pr-left-block .woocommerce-product-gallery__image img {
margin: 0;
max-width: 95%;
width: 100%;
height: auto
}
.wpvr-product-container .wpvr-pr-right-block {
max-width: 50%;
padding-left: 15px;
box-sizing: border-box;
text-align: left
}
.wpvr-product-container .wpvr-pr-right-block a {
text-decoration: none!important;
display: inline-block
}
.wpvr-product-container .wpvr-pr-right-block a h2 {
font-size: 18px;
line-height: 1.4;
margin: 0 0 15px 0;
text-align: left
}
.wpvr-product-container .wpvr-pr-right-block a h2:before {
display: none
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline {
border: none!important;
padding: 0!important;
text-align: left;
border-radius: 0
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline .amount {
display: inline-block;
margin-bottom: 7px
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline del .amount {
text-decoration: line-through;
opacity: .5
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline .wpvr-cart-wrap {
display: block
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline a.button {
font-size: 16px;
display: inline-block;
padding-left: 20px;
padding-right: 20px
}
.vr-streetview iframe {
width: 100%!important;
height: 100%!important
}
@media (max-width: 1199px) {
.pnlm-container {
width:100%!important;
height: 500px!important
}
.pnlm-container.vrembed {
height: 100%!important
}
.custom-ifram iframe {
height: 300px
}
div.custom-ifram {
width: 100%
}
.custom-tooltip p {
width: 430px
}
.vr-streetview {
width: 100%!important;
height: 500px!important
}
}
@media (max-width: 768px) {
div.custom-tooltip span img {
height:195px;
width: 340px
}
.custom-ifram iframe {
height: 194px;
width: 350px
}
.custom-tooltip p {
width: 330px
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline a.button {
font-size: 14px
}
}
@media (max-width: 767px) {
div.custom-tooltip span img {
height:240px;
width: 420px
}
.custom-ifram iframe {
height: 320px;
width: 100%
}
.custom-tooltip p {
width: 430px
}
}
@media (max-width: 575px) {
.wpvr-mobile-notice {
display:flex
}
.wpvr-mobile-notice p {
width: calc(100% - 46px)
}
.scene-gallery ul {
width: 100px!important
}
.scene-gallery {
padding: 18px 10px
}
.scctrl {
height: 50px!important
}
.pnlm-container {
width: 100%!important;
height: 300px!important
}
.pnlm-container.vrembed {
height: 100%!important
}
div.custom-tooltip span img {
height: 150px;
width: 220px
}
.custom-ifram iframe {
height: 250px;
width: 100%
}
.custom-tooltip p {
width: 200px
}
#cp-logo-controls .cp-logo-ctrl .cp-info {
width: 280px
}
div.pnlm-hotspot-base.fas,div.pnlm-hotspot-base.fab,div.pnlm-hotspot-base.fa,div.pnlm-hotspot-base.far {
width: 24px!important;
height: 24px!important
}
div.pnlm-hotspot-base:before,div.pnlm-hotspot-base:before,div.pnlm-hotspot-base:before {
font-size: 11px!important
}
.vr-streetview {
width: 100%!important;
height: 300px!important
}
.wpvr-product-container {
display: block
}
.wpvr-product-container .wpvr-pr-left-block {
width: 100%;
max-width: 100px;
margin: 0 auto 5px
}
.wpvr-product-container .wpvr-pr-right-block {
width: 100%;
padding: 0;
text-align: center
}
.wpvr-product-container .wpvr-pr-right-block a h2 {
text-align: center;
margin: 0 0 10px 0
}
.wpvr-product-container .wpvr-pr-right-block .add_to_cart_inline {
text-align: center
}
}
.vrowl-carousel .owl-stage {
margin: 0 auto
}
.vrowl-carousel .owl-item img {
margin: 0
}
:root {
--wp-admin-theme-color: #007cba;
--wp-admin-theme-color-darker-10: #006ba1;
--wp-admin-theme-color-darker-20: #005a87
}
#start-resizable-editor-section {
display: none
}
.wp-block-audio figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-code {
font-family: Menlo,Consolas,monaco,monospace;
font-size: 15px;
color: #1e1e1e;
padding: .8em 1em;
border: 1px solid #ddd;
border-radius: 4px
}
.wp-block-embed figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.blocks-gallery-caption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-image figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-pullquote {
border-top: 4px solid #555d66;
border-bottom: 4px solid #555d66;
margin-bottom: 28px;
color: #40464d
}
.wp-block-pullquote cite,.wp-block-pullquote footer,.wp-block-pullquote__citation {
color: #40464d;
text-transform: uppercase;
font-size: 13px;
font-style: normal
}
.wp-block-navigation ul,.wp-block-navigation ul li {
list-style: none
}
.wp-block-navigation-link.wp-block-navigation-link {
margin: 0
}
.wp-block-quote {
border-left: 4px solid #000;
margin: 0 0 28px 0;
padding-left: 1em
}
.wp-block-quote cite,.wp-block-quote footer,.wp-block-quote__citation {
color: #6c7781;
font-size: 13px;
margin-top: 1em;
position: relative;
font-style: normal
}
.wp-block-quote.has-text-align-right,.wp-block-quote.has-text-align-right {
border-left: none;
border-right: 4px solid #000;
padding-left: 0;
padding-right: 1em
}
.wp-block-quote.has-text-align-center,.wp-block-quote.has-text-align-center {
border: none;
padding-left: 0
}
.wp-block-quote.is-style-large,.wp-block-quote.is-large {
border: none
}
.wp-block-search .wp-block-search__label {
font-weight: 700
}
.wp-block-group.has-background {
padding: 20px 30px;
margin-top: 0;
margin-bottom: 0
}
.wp-block-separator {
border: none;
border-bottom: 2px solid #8f98a1;
margin-left: auto;
margin-right: auto
}
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
max-width: 100px
}
.wp-block-separator.has-background:not(.is-style-dots) {
border-bottom: none;
height: 1px
}
.wp-block-separator.has-background:not(.is-style-wide):not(.is-style-dots) {
height: 2px
}
.wp-block-table {
border-collapse: collapse
}
.wp-block-table thead {
border-bottom: 3px solid
}
.wp-block-table tfoot {
border-top: 3px solid
}
.wp-block-table td,.wp-block-table th {
padding: .5em;
border: 1px solid;
word-break: normal
}
.wp-block-table figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
.wp-block-video figcaption {
color: #555d66;
font-size: 13px;
text-align: center
}
#end-resizable-editor-section {
display: none
}
html {
-webkit-tap-highlight-color: transparent;
height: 100%;
min-width: 320px;
-webkit-text-size-adjust: none;
-moz-text-size-adjust: none;
-ms-text-size-adjust: none;
text-size-adjust: none;
overflow-scrolling: touch;
margin-top: 0px !important;
}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,iframe {
margin: 0;
padding: 0
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: 700
}
h1 {
padding-bottom: 10px;
font-size: 48px;
line-height: 1.2
}
h2 {
padding-bottom: 10px;
font-size: 36px;
line-height: 1.2
}
h3 {
font-size: 24px;
line-height: 1.5
}
h4 {
font-size: 20px;
line-height: 1.5
}
h5 {
font-size: 18px;
line-height: 1.5
}
fieldset,img {
border: 0
}
address,caption,cite,dfn,em,th,var {
font-style: normal;
font-weight: 400
}
ol,ul {
list-style: none
}
a {
color: inherit;
-webkit-transition: all 0.24s;
-o-transition: all 0.24s;
transition: all 0.24s;
text-decoration: none
}
a:hover {
text-decoration: none
}
sup {
vertical-align: text-top
}
sub {
vertical-align: text-bottom
}
input,select,button {
font: 100% "Roboto Slab Regular",Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
vertical-align: baseline;
*vertical-align: middle;
outline: none
}
input[type=checkbox],input[type=radio] {
vertical-align: middle
}
textarea {
overflow: auto;
font: 100% "Roboto Slab Regular",Arial,Helvetica,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
resize: none
}
table {
border-collapse: collapse;
border-spacing: 0
}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
display: block;
margin: 0;
padding: 0
}
audio,canvas,video {
display: inline-block;
*display: inline;
*zoom:1}
time,mark {
display: inline
}
mark {
background-color: #ff0;
color: #000
}
audio:not([controls]) {
display: none;
height: 0
}
input[type=text],input[type=reset],input[type=submit],select,button,textarea {
-webkit-appearance: none
}
input::-ms-clear {
display: none!important
}
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
}
@font-face {
font-family: 'Roboto Slab';
font-style: normal;
font-weight: 400;
src: local("Roboto Slab Regular"),local("RobotoSlab-Regular"),url(../fonts/RobotoSlab-Regular.woff2) format("woff2"),url(../fonts/robotoslab-light.woff2) format("woff2"),url(../fonts/robotoslab-thin.woff2) format("woff2"),url(../fonts/robotoslab-bold.woff2) format("woff2");
unicode-range: 'U+0400-045F','U+0490-0491','U+04B0-04B1','U+2116';
font-display: swap
}
body {
position: relative
}
body .swiper-pagination-bullet {
opacity: 1;
outline: none
}
.clearfix:before,.clearfix:after {
content: "";
display: table;
clear: both
}
[class*=mml-cols] {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px
}
[class*=mml-cols]>li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px
}
.mml-cols-2>li {
width: calc(50% - 20px);
max-width: 600px
}
.mml-cols-3>li {
width: calc(33.3333% - 20px);
max-width: 400px
}
.mml-cols-4>li {
width: calc(25% - 20px);
max-width: 300px
}
.mml-cols-5>li {
width: calc(20% - 20px);
max-width: 240px
}
.mml-cols-6>li {
width: calc(16.6666% - 20px);
max-width: 200px
}
.mml-cols-7>li {
width: calc(14.2856% - 20px);
max-width: 172px
}
.mml-cols-8>li {
width: calc(12.5% - 20px);
max-width: 150px
}
.mml-cols-9>li {
width: calc(11.1111% - 20px);
max-width: 134px
}
.mml-cols-10>li {
width: calc(10% - 20px);
max-width: 120px
}
@media (max-width: 1024px) {
.mml-cols-3 {
margin-left:auto;
margin-right: auto;
max-width: 800px
}
.mml-cols-3>li {
width: calc(50% - 20px)
}
.mml-cols-5>li {
width: calc(25% - 20px)
}
.mml-cols-6>li {
width: calc(20% - 20px)
}
.mml-cols-7>li {
width: calc(16.6666% - 20px)
}
.mml-cols-8>li {
width: calc(14.2856% - 20px)
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(12.5% - 20px)
}
}
@media (max-width: 890px) {
.mml-cols-3>li {
width:calc(50% - 20px)
}
.mml-cols-4>li,.mml-cols-5>li {
width: calc(33.3333% - 20px)
}
.mml-cols-5 {
margin-left: auto;
margin-right: auto;
max-width: 780px
}
.mml-cols-6>li,.mml-cols-7>li {
width: calc(25% - 20px)
}
.mml-cols-7 {
margin-left: auto;
margin-right: auto;
max-width: 768px
}
.mml-cols-8>li {
width: calc(16.6666% - 20px)
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(14.2856% - 20px)
}
}
@media (max-width: 768px) {
.mml-cols-4 {
margin-left:auto;
margin-right: auto;
max-width: 640px
}
.mml-cols-4>li {
width: calc(50% - 20px)
}
.mml-cols-6 {
margin-left: auto;
margin-right: auto;
max-width: 660px
}
.mml-cols-6>li {
width: calc(33.3333% - 20px)
}
.mml-cols-8>li {
width: calc(20% - 20px)
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(16.6666% - 20px)
}
}
@media (max-width: 660px) {
.mml-cols-8>li {
width:calc(25% - 20px)
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(20% - 20px)
}
}
@media (max-width: 556px) {
.mml-cols-2>li,.mml-cols-3>li {
width:100%;
max-width: unset
}
.mml-cols-5>li,.mml-cols-6 {
max-width: 400px
}
.mml-cols-5>li>li,.mml-cols-6>li {
width: calc(50% - 20px)
}
.mml-cols-7>li,.mml-cols-8>li {
width: calc(33.3333% - 20px)
}
.mml-cols-8 {
margin-left: auto;
margin-right: auto;
max-width: 510px
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(25% - 20px)
}
}
@media (max-width: 400px) {
.mml-cols-4>li,.mml-cols-5>li {
width:100%;
max-width: unset
}
.mml-cols-7>li,.mml-cols-8>li {
width: calc(50% - 20px)
}
.mml-cols-8 {
max-width: 340px
}
.mml-cols-9>li,.mml-cols-10>li {
width: calc(33.3333% - 20px)
}
}
.mml-section {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
padding: 80px 10px
}
.mml-section p {
margin: 10px 0
}
.mml-section p:last-child {
margin-bottom: 0
}
.mml-section p:first-child {
margin-top: 0
}
.mml-backgrounded {
margin: 80px auto;
padding: 120px 10px
}
.mml-backgrounded+.mml-backgrounded {
margin: -80px auto 80px
}
.mml-backgrounded:first-child {
margin-top: 0
}
.mml-backgrounded:last-child {
margin-bottom: 0
}
.container,.mml-row {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 1180px;
max-width: 100%;
margin: 0 auto
}
.mml-row {
width: 1200px;
padding: 0 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.banner {
position: relative;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-background-size: cover;
background-size: cover;
max-height: 960px
}
.ipage {
width: 1920px;
max-width: 100%
}
.input-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline;
margin-top: 10px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.mml-form label {
display: block;
margin: 0 10px;
width: 100%
}
.mml-form input:not([type=submit]),.mml-form textarea {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: block;
width: 100%;
margin: 10px 0 0;
padding: 15px 15px;
outline: none;
max-height: 120px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
resize: none
}
.mml-form .mml-formrow {
margin: 20px -10px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.mml-form .mml-formtip {
margin: 10px 0 0
}
.mml-form .wpcf7-submit {
margin: 0 10px;
-webkit-flex-shrink: 1;
-ms-flex-negative: 1;
flex-shrink: 1
}
.mml-article h3 {
margin: 30px 0 10px;
color: #000
}
.mml-article h4 {
margin: 10px 0;
color: #000
}
.mml-article li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start
}
.mml-article li:before {
content: '\20';
margin: .5em 8px 0 0;
width: 8px;
height: 8px;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #00a0e8
}
.mml-article img {
margin: 40px 0
}
.mml-article img:first-child {
margin-top: 0
}
.customed-content a,.mml-link {
color: #00a0e8;
text-decoration: underline
}
.customed-content a:hover,.mml-link:hover {
text-decoration: underline
}
.mml-page,.mml-ellipsis {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
line-height: 20px;
min-width: 20px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-align: center
}
.mml-page {
cursor: pointer
}
.slicker-arrow {
position: absolute;
z-index: 10;
top: 50%;
-webkit-transform: translate(0,-50%);
-ms-transform: translate(0,-50%);
transform: translate(0,-50%);
font-size: 20px
}
.slicker-arrow.arrow-prev {
left: 0
}
.slicker-arrow.arrow-next {
right: 0
}
.slick-slide {
outline: none
}
.slick-slide a {
outline: none
}
.slick-slide .slick-item {
position: relative;
display: block!important
}
.mml-video {
position: relative
}
.vp-a {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
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;
width: 60px;
height: 60px;
background-color: rgb(0 160 233 / 40%);
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer;
z-index: 99
}
.vp-a:hover {
background-color: #00a0e8;
}
.vp-a i {
color: #fff;
font-size: 18px;
-webkit-transform: translate(2px,1px);
-ms-transform: translate(2px,1px);
transform: translate(2px,1px)
}
@media (max-width: 540px) {
.vp-a {
width:45px;
height: 45px;
font-size: 14px
}
}
.slick-dots {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 0
}
.slick-dots button {
margin: 5px;
height: 8px;
width: 8px;
border: none;
-webkit-border-radius: 8px;
border-radius: 8px;
background: #c7c7c7;
color: transparent;
-webkit-transition: all 0.24s;
-o-transition: all 0.24s;
transition: all 0.24s;
outline: none;
cursor: pointer
}
.slick-dots .slick-active button {
width: 30px
}
.btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 30px -10px 0
}
.btn,.wpcf7-submit {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px;
padding: 12px 50px;
max-width: 100%;
border: 2px solid transparent;
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: center;
cursor: pointer;
white-space: nowrap
}
.mml-btn-box .mml-btn {
display: inline-block;
margin: 40px 0;
padding: 14px 50px;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor: pointer
}
.mml-btn-box .mml-btn:hover {
opacity: .8
}
.mml-btn-box:last-child .mml-btn {
margin-right: 0
}
body {
font-size: 16px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 300;
font-style: normal;
color: #464541
;height: 100%;}
p {
color: #716f6f
}
h1,h2,h3,h4,h5 {
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal
}
h1 {
font-size: 48px
}
@media (max-width: 540px) {
h1 {
font-size:36px
}
}
h2 {
font-size: 36px
}
@media (max-width: 540px) {
h2 {
font-size:28px
}
}
h3 {
font-size: 24px
}
h4 {
font-size: 18px
}
h5 {
font-size: 16px
}
p {
font-size: 16px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 300;
font-style: normal
}
b {
font-size: 20px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal;
color: #00a0e8
}
.btn-brown {
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
padding: 12px 50px;
background-color: #00a0e8;
cursor: pointer;
color: #fff;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.btn-brown:hover {
background-color: #58c1f0
}
.btn-white {
display: inline-block;
-webkit-border-radius: 0;
border-radius: 0;
padding: 12px 50px;
background-color: #fff;
border: solid 2px #00a0e8;
cursor: pointer;
color: #00a0e8;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.btn-white:hover {
background-color: #00a0e8;
color: #fff
}
.dir-btn-border {
display: block;
border: 2px solid #00a0e8;
width: 46px;
height: 46px;
line-height: 42px!important;
text-align: center;
font-size: 16px;
color: #00a0e8;
cursor: pointer;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.dir-btn-border:hover {
background-color: #00a0e8;
color: #fff
}
.dir-btn {
display: block;
font-size: 16px;
color: #ccc
}
.dir-btn:hover {
color: #00a0e8
}
p a {
color: #00a0e8
}
p a:hover {
text-decoration: underline
}
.highlight-a {
color: #00a0e8
}
.highlight-a:hover {
text-decoration: underline
}
.product-item {
text-align: center
}
.product-item h5 {
margin-top: 10px
}
.product-item .img-wrap {
position: relative
}
.product-item:hover .icon-list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.product-item:hover h5 {
color: #00a0e8;
}
.product-item .icon-list {
width: 100%;
position: absolute;
bottom: 20px;
display: none;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-item .icon-item {
width: 40px;
height: 40px;
background-color: #a59797;
margin: 0 10px;
cursor: pointer
}
.product-item .icon-item:hover {
background-color: #00a0e8
}
.product-item .icon-item:hover b {
display: block
}
@media (max-width: 1200px) {
.product-item .icon-item:hover b {
display:none
}
}
.product-item .icon-item b {
display: none;
color: #fff;
font-size: 12px;
position: absolute;
top: -40px;
background: #00a0e8;
padding: 5px 15px;
left: 33px;
-webkit-border-radius: 20px;
border-radius: 20px
}
.product-item .icon-item b::after {
content: "";
position: absolute;
bottom: -6px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 0;
height: 0;
line-height: 0;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom:1;border-color: #00a0e8 transparent transparent transparent;
border-style: solid dashed dashed dashed;
border-width: 7px 3.5px 0 3.5px
}
.product-item .icon-item:nth-child(2) b {
left: 92px
}
.product-item .icon-item:last-child b {
left: unset;
right: 0
}
.mml-pages {
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;
margin: 55px auto 0
}
.mml-pages .mml-page {
width: 46px;
height: 46px;
border: solid 2px #00a0e8;
text-align: center;
line-height: 46px;
margin: 0 7px;
color: #00a0e8;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-pages .mml-page:hover {
background-color: #00a0e8;
color: #fff
}
.mml-pages .mml-active {
background-color: #00a0e8;
color: #fff
}
.right-img-big {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1550px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 auto;
margin-right: 0
}
.right-img-big .img-wrap {
margin: 0 auto;
margin-right: 0
}
.right-img-big .text-wrap p {
margin-top: 15px
}
.mml-cols-4>li .img-wrap {
position: relative;
}
.mml-cols-4>li .img-wrap .blog-time {
position: absolute;
left: 0;
bottom: 0;
padding: 15px 9px;
background-color: rgb(255 255 255 / 70%);
color: #333;
text-align: center;
font-size: 14px;
}
.mml-cols-4>li .img-wrap .blog-time .blog-date {
display: block;
font-size: 28px;
}
.mml-cols-4>li h5 {
padding-bottom: 20px;
}
@media (max-width: 1550px) {
.right-img-big {
padding:0 10px!important
}
}
@media (max-width: 968px) {
.right-img-big {
-webkit-box-orient:vertical!important;
-webkit-box-direction: reverse!important;
-webkit-flex-direction: column-reverse!important;
-ms-flex-direction: column-reverse!important;
flex-direction: column-reverse!important
}
.right-img-big .img-wrap {
width: 100%!important
}
.right-img-big .text-wrap {
width: 100%!important;
max-width: 800px!important;
margin-top: 30px!important
}
}
.left-img-big {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 1550px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.left-img-big .text-wrap {
margin: 0 auto;
margin-right: 0
}
.left-img-big .text-wrap p {
margin-top: 15px
}
@media (max-width: 1550px) {
.left-img-big {
padding:0 10px!important
}
}
@media (max-width: 968px) {
.left-img-big {
-webkit-box-orient:vertical!important;
-webkit-box-direction: normal!important;
-webkit-flex-direction: column!important;
-ms-flex-direction: column!important;
flex-direction: column!important
}
.left-img-big .img-wrap {
width: 100%!important
}
.left-img-big .text-wrap {
width: 100%!important;
max-width: 800px!important;
margin: 0 auto!important;
margin-top: 30px!important
}
}
.right-img-little {
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
}
.right-img-little .img-wrap {
margin: 0 auto;
margin-right: 0
}
.right-img-little .text-wrap p {
margin-top: 15px
}
@media (max-width: 768px) {
.right-img-little {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.right-img-little .img-wrap {
width: 100%!important;
margin: 0 auto!important
}
.right-img-little .text-wrap {
width: 100%!important;
margin: 0 auto!important;
margin-top: 30px!important
}
}
.left-img-little {
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
}
.left-img-little .text-wrap {
margin: 0 auto;
margin-right: 0
}
.left-img-little .text-wrap p {
margin-top: 15px
}
@media (max-width: 768px) {
.left-img-little {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.left-img-little .img-wrap {
width: 100%!important
}
.left-img-little .text-wrap {
width: 100%!important;
margin: 0 auto!important;
margin-top: 30px!important
}
}
.secondary-banner {
background-image: url(../images/p02-s01-banner.jpg);
margin-top: -100px;
height: 400px;
background-color: #ccc;
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
}
@media (max-width: 750px) {
.secondary-banner {
background-image:url(../images/p02-s01-banner-750.jpg);
height: 53.33vw;
margin-top: 0;
background-size: 100% auto;
}
}
.bread-crumbs {
padding: 20px 0;
background-color: #d5ebf5
}
.bread-crumbs a,.bread-crumbs span {
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.bread-crumbs span {
color: #00a0e8
}
.mml-form {
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 300;
font-style: normal
}
.mml-form label {
margin: 0;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal
}
.mml-form input:not([type=submit]),.mml-form textarea {
border: solid 1px #c9c9c9;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 0;
}
.mml-form input:not([type=submit]):focus,.mml-form textarea:focus {
border: solid 2px #fff
}
.mml-form textarea::-webkit-input-placeholder {
color: #bfbfbf
}
.mml-form textarea::-moz-placeholder {
color: #bfbfbf
}
.mml-form textarea:-ms-input-placeholder {
color: #bfbfbf
}
.mml-form textarea::-ms-input-placeholder {
color: #bfbfbf
}
.mml-form textarea::placeholder {
color: #bfbfbf
}
.mml-form input[type=file] {
display: none
}
.mml-form p {
width: 100%;
color: #ffffff;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-form .file {
min-height: 50px;
font-size: 16px;
text-align: center;
cursor: pointer;
border: solid 1px #c9c9c9;
-webkit-border-radius: 5px;
border-radius: 5px
}
.mml-form .file p {
color: #bfbfbf!important;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 300;
font-style: normal
}
.mml-form .upload-des {
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal;
color: #cccccc!important
}
.mml-form input.wpcf7-submit {
width: 100%;
margin: 0 0 20px;
padding: 20px 0;
background-color: #fff;
color: #00a0e8;
-webkit-border-radius: 40px;
border-radius: 40px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-form input.wpcf7-submit:hover {
-webkit-box-shadow: 0 23px 20px 0 rgba(171,130,110,.2);
box-shadow: 0 23px 20px 0 rgba(171,130,110,.2)
}
.mml-vp {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
display: none;
z-index: 60
}
.mml-vp.show {
display: block
}
.mml-vp .mask {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 60;
background-color: #000;
opacity: .5
}
.mml-vp .wrap {
position: absolute;
left: 50%;
top: 50%;
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
z-index: 70;
width: 50%
}
.mml-vp .cont {
background-color: #fff;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #999
}
.mml-vp .cont .hd {
padding: 10px;
border-bottom: #999 1px solid;
text-align: right
}
.mml-vp .cont .dashicons {
cursor: pointer
}
.mml-vp .cont .bd {
text-align: center
}
@media (max-width: 768px) {
.mml-vp .wrap {
width:100%
}
}
#arve .mml-vp .arve-wrapper {
margin: 0 auto
}
.m-header {
position: relative;
z-index: 50
}
.m-header .m-header-bd {
background-color: rgba(255,255,255,.8);}
.m-header.sticky-header .m-header-bd {
position: fixed;
z-index: 20;
left: 0;
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.m-header .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: unset;
padding: 0 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width: 1550px) {
.m-header .container {
padding:0 10px
}
}
.m-header .m-logo {
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-height: 100%;
padding: 0;
text-align: center
}
.m-header .m-logo img {
max-height: 100px;
}
.m-header .m-nav {
margin: 0 0 0 auto;
white-space: nowrap;
text-align: center;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.m-header .m-nav .responsive-menu-toggle {
display: none;
padding: 0 10px;
font-size: 38px;
margin: 0 auto;
margin-right: 0;
color: #00a0e8;}
.m-header .m-nav .menu {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.m-header .m-nav .menu>li {
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: #00a0e8;
}
.m-header .m-nav .menu>.menu-type-custom>a {
cursor: text
}
.m-header .m-nav .menu a {
position: relative;
display: block;
padding: 10px 20px;
cursor: pointer;
}
.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: #666
}
.m-header .m-nav .menu a:hover,.m-header .m-nav .menu span:hover {
color: #00a0e8;
}
.m-header .m-nav .sub-menu {
position: absolute;
z-index: 100;
display: none;
min-width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.1);
box-shadow: 0 2px 5px 0 rgba(0,0,0,.1)
}
.m-header .m-nav .sub-menu.active {
display: block
}
.m-header .m-nav .sub-menu a {
-webkit-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out
}
.m-header .m-nav .sub-menu a:hover {
color: #00a0e8
}
.m-header .m-nav .sub-menu .menu-arrow {
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg)
}
.m-header .m-nav .sub-menu>li {
position: relative;
border-bottom: 1px solid rgba(0,0,0,.05)
}
.m-header .m-nav .sub-menu>li:nth-last-child {
border: none
}
.m-header .m-nav .sub-menu>li>.sub-menu {
position: absolute;
top: 0;
left: 100%
}
.m-header .m-search {
padding: 0 20px;
color: #00a0e8;
font-size: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.m-header .m-cart {
position: relative;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #00a0e8;
font-size: 28px;
cursor: pointer
}
.m-header .m-cart .cart-num {
position: absolute;
bottom: 2px;
right: 15px;
width: 18px;
height: 18px;
line-height: 18px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #d73d0d;
font-size: 14px;
color: #fff
}
.m-header .m-request {
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.m-header .m-request .btn-brown {
-webkit-border-radius: 30px;
border-radius: 30px
}
@media (max-width: 1600px) {
.m-header .m-request .btn-brown {
padding:12px 20px
}
.m-header .m-nav .menu a {
padding: 20px 10px
}
}
@media (max-width: 1400px) {
.m-header .m-search,.m-header .m-cart,.m-header .m-request {
padding:0 8px
}
.m-header .m-cart .cart-num {
right: 5px
}
}
@media (max-width: 540px) {
.m-header.sticky-header .m-header-bd {
background-color:rgba(238,238,238,.9)
}
.m-header .container {
-webkit-box-pack: start!important;
-webkit-justify-content: flex-start!important;
-ms-flex-pack: start!important;
justify-content: flex-start!important;
padding: 10px!important;}
.m-header .m-cart {
position: fixed;
top: 90px;
right: 10px;
z-index: 99
}
.m-header .m-search {
/* position: fixed; */
/* top: 140px; */
/* right: 10px; */
/* z-index: 99; */-webkit-order: 3;
-ms-flex-order: 3;
order: 3;}
.m-header .m-logo {
width: 45%!important
}
.m-header .responsive-menu-bd {
height: unset
}
.m-header .m-request {
margin-top: 0!important;
padding: 0!important;
-webkit-box-ordinal-group: 4;
-webkit-order: 3;
-ms-flex-order: 3;
order: 3
;display: none;}
.m-header .m-nav {
width: unset!important;
-webkit-box-ordinal-group: 3;
-webkit-order: 2;
-ms-flex-order: 2;
order: 2
}
.m-header .m-nav .responsive-menu-toggle {
position: static;
font-size: 38px;
margin: 0 auto;
margin-right: 0;
color: #00a0e8
}
}
.stack .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.stack .m-logo {
width: 100%;
text-align: center
}
.stack .m-logo:after {
position: absolute;
left: 50%;
content: '';
display: block;
width: 50%;
margin-top: 5px;
border-bottom: 1px solid #fff;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.split-menu .container {
position: relative;
display: inherit
}
.split-menu .m-logo {
position: absolute;
width: calc(24% - 10px);
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
text-align: center
}
.split-menu .m-nav {
width: 100%
}
.split-menu .m-nav .menu-container {
float: left;
width: 38%
}
.split-menu .m-nav .menu-container:nth-last-child(1) {
float: right
}
.responsive-menu-bd {
position: relative;
height: 0
}
.responsive-menu-bd .responsive-menu-toggle {
position: absolute;
right: 20px;
top: -41px;
max-width: 60px
}
@media (max-width: 1200px) {
.m-header .container {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
/* -webkit-box-pack: end; */
/* -webkit-justify-content: flex-end; */
-ms-flex-pack: end;
/* justify-content: flex-end; */
/* height: unset; */
/* padding-bottom: 20px; */}
.m-header .m-logo img {
max-height: 70px;
}
.m-header .m-nav {
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
width: 30%;
}
.m-header .m-nav .responsive-menu-toggle {
display: block
;top: -28px;}
.m-header .m-nav .menu-container {
display: none
}
.m-header .m-nav .menu-container.has-template .menu {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.m-header .m-nav .menu-container.has-template .menu>li.menu-item {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.m-header .m-nav .menu-container.has-template .menu .sub-menu .menu-arrow {
-webkit-transform: translateY(-50%) rotate(0deg);
-ms-transform: translateY(-50%) rotate(0deg);
transform: translateY(-50%) rotate(0deg)
}
.m-header .m-nav .menu-container.has-template .menu .sub-menu>li.menu-item>.sub-menu {
top: 100%;
left: 0
}
.m-header .m-search,.m-header .m-cart,.m-header .m-request {
/* margin-top: 30px; */
padding: 0 20px
}
.stack .m-logo:after {
display: none
}
.split-menu .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.split-menu .m-logo {
position: relative;
left: 0;
width: 100%;
-webkit-transform: translateX(0);
-ms-transform: translateX(0);
transform: translateX(0)
}
.split-menu .m-nav .menu-container {
width: 100%;
float: none
}
.custom-menu .container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.custom-menu .m-logo {
width: 100%
}
.custom-menu .m-nav {
max-width: 100%;
width: 100%
}
}
@media (max-width: 538px) {
.m-header .m-search,.m-header .m-cart,.m-header .m-request {
padding:0 10px
}
}
.slide-mask {
position: fixed;
top: 0;
left: 0;
z-index: 9002;
display: none;
width: 100%;
height: 120%;
background: rgba(0,0,0,.6)
}
.slide-close {
width: 100%;
height: 60px;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 60px;
text-align: right;
font-size: 20px
}
.slide-close i {
display: inline-block;
cursor: pointer;
padding: 20px
}
.slide-menu {
position: fixed;
top: 0;
right: -250px;
z-index: 100000;
width: 250px;
height: 100%;
overflow-y: auto;
border-bottom-width: 60px;
border-bottom-style: solid;
border-color: #191919;
color: #a6a6a6;
font-size: 15px;
background-color: #191919
}
.slide-menu .menu-container {
border-bottom: 1px solid rgba(255,255,255,.03)
}
.slide-menu .menu-container ul li {
width: 100%;
position: relative;
border-top: 1px solid rgba(255,255,255,.03);
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #a6a6a6
}
.slide-menu .menu-container ul li.active {
color: #fff
}
.slide-menu .menu-container ul li.active>a .menu-arrow {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.slide-menu .menu-container ul li a {
position: relative;
display: block;
padding: 11px 5px 10px 20px;
margin-right: 50px;
text-decoration: none;
line-height: 19px;
color: inherit
}
.slide-menu .menu-container ul li .menu-arrow {
position: absolute;
right: -40px;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
height: 100%;
padding: 0 10px;
color: #999;
-webkit-transition: all .2s;
-o-transition: all .2s;
transition: all .2s;
}
.slide-menu .menu-container ul li .sub-menu {
display: none
}
.slide-menu .menu-container>ul li .sub-menu li>a {
padding-left: 30px
}
.slide-menu .menu-container>ul li .sub-menu li .sub-menu li>a {
padding-left: 45px
}
.slide-menu .menu-container>ul li .sub-menu li .sub-menu li .sub-menu li a {
padding-left: 60px
}
.mml-search-popup {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 999;
background: rgba(0,0,0,.5);
display: none;
-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
}
.mml-search-popup .mml-search-window {
position: relative;
max-width: 940px;
width: 75%;
background: #e5e5e5;
height: 200px;
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;
-webkit-border-radius: 20px;
border-radius: 20px
}
.mml-search-popup .search-wrap {
position: relative;
max-width: 800px;
width: 90%;
margin: 0 auto
}
.mml-search-popup .search-wrap input {
width: 100%;
height: 60px;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
background: #f4f5f5;
-webkit-border-radius: 30px;
border-radius: 30px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-search-popup .search-icon {
position: absolute;
right: 0;
top: 0;
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;
width: 100px;
height: 100%;
background: #00a0e8;
color: #fff;
-webkit-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;
-webkit-border-top-right-radius: 30px;
border-top-right-radius: 30px;
  cursor: pointer;
border: 0;
}
.mml-search-popup .search-close {
position: absolute;
top: 10px;
right: 30px;
font-size: 24px;
cursor: pointer
}
@media (max-width: 538px) {
.mml-search-popup .mml-search-window {
width:85%;
height: 160px
}
.mml-search-popup .search-close {
top: 6px;
right: 24px
}
}
#modal-quote1 .mml-modal {
background-color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px
}
#modal-quote1 .mml-modal-header .mml-modal-close {
color: #fff
}
#modal-quote1 .mml-modal-content {
max-width: 480px;
padding: 0 50px 40px
}
#modal-quote1 .mml-modal-content h2 {
color: #fff
}
.back-top {
position: fixed;
right: 26px;
bottom: 100px;
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
background-color: #84c2de;
cursor: pointer;
z-index: 999
}
.back-top:hover {
-webkit-box-shadow: 0 10px 15px 0 rgba(70,69,65,.2);
box-shadow: 0 10px 15px 0 rgba(70,69,65,.2)
}
.common-cta {
height: 440px;
background: #00a0e9;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative
}
.common-cta .left {
width: 50%;
height: 100%;
padding-top: 80px;
padding-right: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-image: url(../images/cta-bg.jpg);
}
.common-cta .text-wrap {
max-width: 570px;
margin: 0 auto;
margin-right: 0;
padding-left: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.common-cta .text-wrap h2 {
margin-bottom: 30px
}
.common-cta .right {
width: 50%;
height: 100%;
padding-top: 80px;
padding-left: 40px;
color: #fff;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.common-cta .cta-list {
max-width: 480px;
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
}
.common-cta .cta-item {
position: relative;
width: 44%;
margin-top: 15px;
padding-left: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.common-cta .cta-item span {
border-bottom: 1px solid #00a0e8
}
.common-cta .cta-item::before {
content: "";
position: absolute;
left: 1px;
top: 8px;
width: 8px;
height: 8px;
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%
}
@media (max-width: 968px) {
.common-cta .cta-item {
width:48%
}
}
@media (max-width: 768px) {
.common-cta {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: unset
}
.common-cta .left {
width: 100%;
padding: 80px 10px
}
.common-cta .text-wrap {
margin: 0 auto
}
.common-cta .right {
width: 100%;
padding: 80px 10px
}
}
@media (max-width: 540px) {
.common-cta .left {
padding:60px 10px
}
.common-cta .right {
padding: 60px 10px
}
}
.mml-footer-main {
background-color: #464541;
padding: 80px 0
}
.mml-footer-main .mml-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mml-footer-main .footer-item h2.widgettitle {
display: none
}
.mml-footer-main .footer-item b {
display: block;
font-size: 20px;
color: #78c6e9;
margin-top: 20px;
margin-bottom: 10px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal
}
.mml-footer-main .footer-item img {
margin-left: 0
}
/*.mml-footer-main .footer-item:nth-child(-n+5) {
width: 20%
}*/
.mml-footer-main .footer-item:nth-last-child(2) {
/* margin-top: 100px;*/
max-width: 280px
}
.mml-footer-main .footer-item:last-child {
margin: 0 auto;
/* margin-top: 100px;*/
max-width: 775px;
width: 66%
margin-left:10%;
}
.mml-footer-main .footer-item-title {
font-size: 20px;
color: #fff
}
.mml-footer-main .footer-item-link li {
color: #959a94;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-footer-main .footer-item-link li li {
margin-top: 10px
}
.mml-footer-main .footer-item-link li li:hover {
color: #00a0e8;
text-decoration: underline
}
.mml-footer-main .email-form {
position: relative
}
.mml-footer-main .email-form input {
width: 100%;
height: 42px;
-webkit-border-radius: 21px;
border-radius: 21px;
padding-left: 20px;
padding-right: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none
}
.mml-footer-main .email-form .send-icon {
position: absolute;
top: 4px;
right: 6px;
z-index: 1;
width: 34px;
height: 34px;
text-align: center;
line-height: 34px;
background-color: #00a0e8;
color: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer
}
.mml-footer-main .email-form .send-icon:hover {
background-color: #00a0e8;
}
.mml-footer-main .email-form .wpcf7-submit {
display: none
}
.mml-footer-main .email-form .wpcf7 form .wpcf7-response-output {
margin-top: 0;
color: #fff
}
.mml-footer-main .footer-item-address {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 25px;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
color: #cd9898;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.mml-footer-main .footer-item-address>ul {
max-width: 200px
}
.mml-footer-main .footer-item-address>ul li {
margin-bottom: 20px
}
.mml-footer-main .footer-item-address>li {
max-width: 230px
}
.mml-footer-main .footer-item-address>li:first-child {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.mml-footer-main .footer-item-address>li:first-child i {
display: block
}
.mml-footer-main .footer-item-address i {
font-size: 24px;
margin-right: 15px;
color: #ffd2d2
}
@media (max-width: 1024px) {
/* .mml-footer-main .footer-item:nth-child(-n+5) {
width:33.3333%;
margin-top: 50px
}
*/
.mml-footer-main .footer-item:nth-last-child(2) {
/* margin-top: 60px*/
}
.mml-footer-main .footer-item:last-child {
max-width: unset;
width: 90%;
/* margin-top: 60px*/
}
}
@media (max-width: 540px) {
.mml-footer-main {
padding:60px 0
}
/* .mml-footer-main .footer-item:nth-child(-n+5) {
width: 50%
}*/
.mml-footer-main .footer-item-address {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.mml-footer-main .footer-item-address>ul,.mml-footer-main .footer-item-address li {
max-width: unset;
margin-top: 20px
}
}
.footer-copyright {
position: relative;
padding: 5px 0;
background-color: #2b2a28
}
.footer-copyright .mml-row {
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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.footer-copyright .social {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.footer-copyright .social li {
font-size: 28px;
margin-right: 20px
}
.footer-copyright .social li:hover i {
color: #ffd2d2
}
.footer-copyright .social i {
color: #00a0e8
}
.footer-copyright .social i:hover {
color: #ffd2d2
}
.footer-copyright .language {
position: relative;
width: 200px;
text-align: center;
height: 26px;
line-height: 26px;
border: solid 1px #959a94;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #959a94;
cursor: pointer
}
.footer-copyright .language .language-wrap {
position: relative
}
.footer-copyright .language i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px
}
.footer-copyright .language .language-list {
position: absolute;
top: -230%;
right: 0;
width: 100%;
border: solid 1px #959a94;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #2b2a28
}
.footer-copyright .language .language-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.footer-copyright .language .language-item:nth-last-of-type(n+2) {
border-bottom: solid 1px #959a94
}
.footer-copyright p {
color: #999;
font-size: 14px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
@media (max-width: 766px) {
.footer-copyright p {
margin-top:20px;
width: 100%;
text-align:center;
}
}
@media (max-width: 540px) {
.footer-copyright .language {
height:unset
}
.footer-copyright .language .language-list {
position: static
}
}
@media (max-width: 400px) {
.footer-copyright .language {
margin-top:20px
}
}
#modal-quote3 .mml-modal {
background-color: transparent;
position: relative
}
#modal-quote3 .mml-modal a {
position: absolute;
top: -2px;
right: 6px
}
#modal-quote3 .mml-modal .mml-modal-content {
padding: 0
}
.switcher.notranslate {
position: absolute;
bottom: 8px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.switcher.notranslate .selected a {
text-align: center;
background-color: #2b2a28;
color: #999
}
.switcher.notranslate .selected a::after {
top: 1px
}
.switcher.notranslate .option a {
text-align: center;
background-color: #2b2a28;
color: #999
}
.mml-cols-2 .blog-item {
width: calc(50% - 20px)
}
.mml-cols-3 .blog-item {
width: calc(33.3333% - 20px)
}
.mml-cols-3 .blog-title {
font-size: 20px;
line-height: 30px
}
.mml-blog,.mml-blog-recent {
margin: 120px auto;
font-family: 'Roboto Slab Regular';
line-height: 23px;
font-size: 15px
}
.mml-blog a,.mml-blog-recent a {
color: #444
}
.mml-blog a:hover,.mml-blog-recent a:hover {
color: #0082d5
}
.mml-blog .mml-image,.mml-blog-recent .mml-image {
position: relative;
overflow: hidden
}
.mml-blog .mml-image:hover img,.mml-blog-recent .mml-image:hover img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05)
}
.mml-blog .mml-text,.mml-blog-recent .mml-text {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 25px;
font-weight: 300
}
.mml-blog .fa-caret-right,.mml-blog-recent .fa-caret-right {
margin-left: .6em;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.mml-blog .mml-page,.mml-blog-recent .mml-page {
color: #333;
font-weight: 700
}
.mml-blog .mml-page.mml-active,.mml-blog .mml-page:hover,.mml-blog-recent .mml-page.mml-active,.mml-blog-recent .mml-page:hover {
background-color: #0082d5;
color: #fff
}
.blog-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
background-color: #fff
}
.blog-title {
display: block;
font-size: 25px;
line-height: 35px;
font-weight: 700
}
.blog-time {
font-weight: 400
}
.blog-time .fa-clock {
margin-right: .1em
}
.blog-excerpt {
display: block;
margin: 10px 0 20px
}
.blog-tag {
position: absolute;
top: 20px;
right: 0;
padding: 10px 14px;
background-color: #0082d5;
color: #fff;
-webkit-border-radius: 5px 0 0 5px;
border-radius: 5px 0 0 5px;
font-weight: 500;
font-size: 11px;
line-height: 11px
}
.blog-tag:empty {
display: none
}
.blog-withbg {
background-color: #e6eaf1;
-webkit-border-radius: 5px;
border-radius: 5px
}
.tpl-blog-0 .blog-item,.tpl-blog-1 .blog-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.tpl-blog-0 .blog-readmore,.tpl-blog-1 .blog-readmore {
font-weight: 700;
font-size: 14px
}
.tpl-blog-0 .blog-excerpt,.tpl-blog-1 .blog-excerpt {
color: #888
}
.tpl-blog-0 .blog-time {
position: absolute;
left: 0;
bottom: 100%;
padding: 15px 9px;
background-color: rgba(255,255,255,.9);
color: #333;
font-weight: 700;
text-align: center;
font-size: 14px;
-webkit-transform: translate(30px,-30px);
-ms-transform: translate(30px,-30px);
transform: translate(30px,-30px)
}
.tpl-blog-0 .blog-date {
display: block;
margin-bottom: 14px;
font-size: 28px
}
.tpl-blog-0 .blog-readmore {
margin: auto 5px 0 auto;
color: #0082d5
}
.tpl-blog-0 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-1 .blog-readmore {
margin: auto 0 0 auto;
padding: 0 14px;
line-height: 35px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #0082d5;
color: #fff
}
.tpl-blog-1 .blog-readmore:hover {
color: #fff;
background-color: #0e94ea
}
.tpl-blog-1 .blog-time,.tpl-blog-2 .blog-time {
position: absolute;
bottom: 100%;
left: 0;
right: 0;
padding: 0 25px;
background-color: rgba(55,67,85,.7);
color: #fff;
font-size: 14px;
line-height: 50px
}
.tpl-blog-2 .blog-readmore {
color: #0082d5;
font-weight: 400
}
.tpl-blog-2 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-2 .blog-excerpt {
margin: 10px 0 0;
color: #666
}
.tpl-blog-3 .blog-time {
margin-bottom: 5px;
font-size: 14px
}
.tpl-blog-4 .blog-item {
-webkit-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: 3px 4px 10px 0 rgba(69,82,139,.1);
box-shadow: 3px 4px 10px 0 rgba(69,82,139,.1)
}
.tpl-blog-4 .blog-item:before {
content: '\20';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 6px;
width: 0;
background-color: #0082d5;
-webkit-transition: width .15s ease;
-o-transition: width .15s ease;
transition: width .15s ease
}
.tpl-blog-4 .blog-item:hover:before {
width: 100%
}
.tpl-blog-4 .mml-text {
padding: 60px 50px
}
.tpl-blog-4 .blog-time {
color: #9095a2;
font-size: 18px;
font-weight: 500
}
.tpl-blog-4 .blog-title {
margin: 25px 0 15px;
font-size: 24px;
color: #222c47
}
.tpl-blog-4 .blog-title:hover {
color: #0082d5
}
.tpl-blog-4 .blog-excerpt {
margin: 10px 0 50px
}
.tpl-blog-4 .blog-readmore {
margin: auto 0 0 0;
color: #0082d5;
font-size: 18px;
font-weight: 500
}
.tpl-blog-4 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-4 .blog-readmore i {
margin-left: .5em
}
.tpl-blog-5,.tpl-blog-6,.tpl-blog-7 {
position: relative;
overflow: hidden
}
.tpl-blog-5 .blog-item,.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
-webkit-border-radius: 0;
border-radius: 0
}
.tpl-blog-5:before {
content: '\20';
position: absolute;
left: 10.7627%;
top: 0;
bottom: 0;
width: 2px;
background-color: #ddd
}
.tpl-blog-5 .blog-item {
padding-left: 16.95%;
margin-bottom: 40px;
background-color: transparent
}
.tpl-blog-5 .blog-item:before {
content: '\20';
position: absolute;
left: 10.7627%;
top: 10px;
width: 9px;
height: 9px;
border: 3px solid #0082d5;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #0082d5;
-webkit-transform: translate(-14px,0);
-ms-transform: translate(-14px,0);
transform: translate(-14px,0);
-webkit-box-shadow: inset 0 0 0 2px #fff;
box-shadow: inset 0 0 0 2px #fff;
outline: 3px solid #fff
}
.tpl-blog-5 .blog-item:after {
content: '\20';
position: absolute;
top: 16px;
left: calc(10.7627% + 5px);
height: 2px;
width: 28px;
background-color: #ddd
}
.tpl-blog-5 .blog-item>a {
width: 46%;
max-width: 380px
}
.tpl-blog-5 .mml-text {
position: static
}
.tpl-blog-5 .blog-time {
position: absolute;
z-index: 1;
left: 0;
top: 7px;
padding: 0 6px;
line-height: 22px;
-webkit-border-radius: 4px;
border-radius: 4px;
background-color: #0082d5;
color: #fff;
font-weight: 500;
font-size: 12px;
outline: 4px solid #fff
}
.tpl-blog-5 .blog-readmore {
margin: auto 0 10px 0;
padding: 0 20px;
background-color: #fafbfc;
color: #999;
font-size: 14px;
line-height: 40px;
text-align: right
}
.tpl-blog-5 .blog-readmore i {
margin-right: .5em;
font-size: 1.28em
}
.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
margin-bottom: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.tpl-blog-6 .blog-time,.tpl-blog-7 .blog-time {
font-size: 14px
}
.tpl-blog-6 .blog-excerpt,.tpl-blog-7 .blog-excerpt {
margin: 0 0 40px;
color: #666
}
.tpl-blog-6 .blog-readmore,.tpl-blog-7 .blog-readmore {
font-weight: 700;
font-size: 14px
}
.tpl-blog-6 .blog-item>a {
width: 46%;
max-width: 400px
}
.tpl-blog-6 .mml-text {
padding: 20px 80px
}
.tpl-blog-6 .blog-title {
margin: 10px 0
}
.tpl-blog-6 .blog-readmore {
color: #0082d5
}
.tpl-blog-6 .blog-readmore:hover {
color: #0e94ea
}
.tpl-blog-7 .blog-item {
background-color: #fbfcff
}
.tpl-blog-7 .blog-item>a {
width: 50%;
max-width: 590px
}
.tpl-blog-7 .mml-text {
position: static;
padding: 40px 70px
}
.tpl-blog-7 .blog-time {
position: absolute;
right: 40px;
bottom: 40px
}
.tpl-blog-7 .blog-title {
margin: 0 0 10px
}
.tpl-blog-7 .blog-readmore {
margin: 0 auto 0 0;
padding: 0 14px;
-webkit-border-radius: 100px;
border-radius: 100px;
background-color: #0082d5;
color: #fff;
line-height: 35px
}
.tpl-blog-7 .blog-readmore:hover {
background-color: #0e94ea;
color: #fff
}
.mml-blog-detail {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 120px auto 80px;
max-width: 1200px;
padding: 0 10px;
font-family: 'Roboto Slab';
line-height: 23px;
font-size: 15px
}
.blog-detail-colwidth {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.blog-detail-title {
font-size: 30px;
line-height: 45px;
font-weight: 700
}
.blog-detail-info {
margin: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.blog-shares {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.blog-shares a {
margin: 0 4px
}
.blog-shares .addtoany_shortcode {
margin-left: 5px
}
.blog-shares .addtoany_list a {
padding: 0 4px;
max-height: 18px
}
.blog-article {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.blog-widget {
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-left: 80px;
padding: 25px 30px 10px 45px;
max-width: 380px;
background-color: #fff;
-webkit-box-shadow: 0 20px 30px 0 rgba(84,87,93,.1);
box-shadow: 0 20px 30px 0 rgba(84,87,93,.1)
}
.blog-widget h2 {
margin: 0;
font-size: 22px;
line-height: 24px;
font-weight: 700
}
.blog-widget ul {
margin: 20px 0 0;
border-top: 1px solid rgba(221,221,221,.3)
}
.blog-widget li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: baseline;
-webkit-align-items: baseline;
-ms-flex-align: baseline;
align-items: baseline
}
.blog-widget li:hover a {
color: #666
}
.blog-widget li:hover .fa-arrow-right {
opacity: 1
}
.blog-widget li:not(:last-child) a {
border-bottom: 1px solid rgba(221,221,221,.3)
}
.blog-widget .fa-arrow-right {
margin-right: 10px;
opacity: 0;
-webkit-transition: opacity .24s;
-o-transition: opacity .24s;
transition: opacity .24s
}
.blog-widget a {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 15px 0;
color: #999;
line-height: 21px
}
.blog-detail-content {
line-height: 1.74;
font-weight: 400;
color: #666;
letter-spacing: .48px
}
.blog-detail-content h1,.blog-detail-content h2,.blog-detail-content h3,.blog-detail-content h4,.blog-detail-content h5,.blog-detail-content h6 {
line-height: 1.3;
font-weight: 500;
margin: 30px 0 15px
}
.blog-detail-content h1 {
font-size: 35px
}
.blog-detail-content h2 {
font-size: 29px
}
.blog-detail-content h3 {
font-size: 24px
}
.blog-detail-content h4 {
font-size: 19px
}
.blog-detail-content h5 {
font-size: 14px
}
.blog-detail-content p,.blog-detail-content li {
margin: 0 0 10px
}
.blog-detail-content img,.blog-detail-content video,.blog-detail-content audio {
display: block;
margin: 20px auto;
width: unset!important;
height: unset!important
}
.blog-detail-content img:first-child,.blog-detail-content video:first-child,.blog-detail-content audio:first-child {
margin-top: 0
}
.mml-blog-recent {
max-width: 1200px;
padding: 0 10px;
margin: 0 auto 120px
}
.mml-blog-recent>h2 {
margin-bottom: 20px;
font-weight: 700;
font-size: 36px;
color: #444
}
.mml-blog-recent .mml-text {
padding: 15px 30px 30px
}
.mml-blog-recent .blog-title {
margin: 5px 0 0
}
@media (max-width: 1000px) {
.tpl-blog-5:before {
display:none
}
.tpl-blog-5 .blog-item {
padding-left: 0
}
.tpl-blog-5 .blog-item:before,.tpl-blog-5 .blog-item:after {
display: none
}
.tpl-blog-5 .blog-time {
left: 7px;
outline: none
}
.tpl-blog-6 .mml-text,.tpl-blog-7 .mml-text {
padding: 20px
}
}
@media (max-width: 960px) {
.tpl-blog-4 .blog-item {
width:calc(50% - 20px)
}
}
@media (max-width: 850px) {
.mml-cols-3 .blog-item {
width:calc(50% - 20px)
}
.tpl-blog-5 .blog-item {
display: block
}
.tpl-blog-5 .blog-item>a {
display: block;
margin: auto;
width: unset
}
}
@media (max-width: 720px) {
.tpl-blog-4 .blog-item .mml-text {
padding:30px 20px 20px
}
.tpl-blog-6 .blog-item,.tpl-blog-7 .blog-item {
display: block
}
.tpl-blog-6 .blog-item>a,.tpl-blog-7 .blog-item>a {
display: block;
margin: auto;
width: unset
}
.tpl-blog-6 .blog-excerpt,.tpl-blog-7 .blog-excerpt {
margin: 0 0 20px
}
.tpl-blog-7 .blog-item {
background-color: unset
}
.tpl-blog-7 .mml-text {
position: relative;
margin: auto;
max-width: 590px;
background-color: #fbfcff
}
.tpl-blog-7 .blog-time {
bottom: 25px;
right: 20px
}
}
@media (max-width: 600px) {
.mml-blog {
margin:40px auto
}
.mml-blog .mml-text {
padding: 15px
}
.mml-blog .blog-item {
width: 100%
}
.blog-title,.mml-cols-3 .blog-title {
font-size: 18px;
line-height: 24px
}
.tpl-blog-1 .blog-time,.tpl-blog-2 .blog-time {
padding: 0 15px;
line-height: 36px
}
}
@media (max-width: 900px) {
.mml-blog-detail {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.blog-article {
display: block
}
.blog-detail-colwidth {
width: 100%;
margin: auto
}
.blog-widget {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 40px auto;
max-width: unset
}
}
@media (max-width: 600px) {
.mml-blog-detail {
margin:40px auto
}
.blog-widget {
padding: 20px
}
.mml-blog-recent {
margin: 40px auto
}
.mml-blog-recent>h2 {
text-align: center
}
.mml-blog-recent .blog-item {
margin: 10px auto;
max-width: 380px;
width: 100%
}
}
.mml-faq-item {
position: relative;
margin-bottom: 10px;
background: rgba(0,0,0,.02);
color: #666
}
.mml-faq-item::before {
position: absolute;
top: 0;
left: 0;
width: 60px;
height: 100%;
border-width: 0 1px 0 0;
border-style: solid;
border-color: rgba(0,0,0,.1);
content: ''
}
.mml-faq-item.active .mml-faq-item-hd {
color: #0095eb
}
.mml-faq-item.active .mml-faq-item-hd i {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg)
}
.mml-faq-item .mml-faq-item-hd {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 20px 0;
cursor: pointer
}
.mml-faq-item .mml-faq-item-hd .number {
width: 60px;
text-align: center
}
.mml-faq-item .mml-faq-item-hd .title {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding: 0 20px;
font-weight: 400
}
.mml-faq-item .mml-faq-item-hd i {
position: absolute;
top: 0;
right: 0;
width: 80px;
height: 60px;
line-height: 60px;
text-align: center;
cursor: pointer;
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease
}
.mml-faq-item .mml-faq-item-bd {
display: none;
padding: 0 80px 20px 80px
}
.mml-mask {
position: fixed;
z-index: 1000;
left: 0;
top: 0;
bottom: 0;
right: 0;
padding: 20px;
background: rgba(0,0,0,.5);
display: none;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.mml-mask.mml-show {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important
}
.mml-modal {
-webkit-box-sizing: border-box;
box-sizing: border-box;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin: auto;
max-height: 100%;
max-width: 1000px;
background: #fff;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 34px 0 rgba(33,33,33,.15);
box-shadow: 0 0 34px 0 rgba(33,33,33,.15)
}
.mml-modal-header {
padding: 5px 20px;
text-align: right
}
.mml-modal-close {
font-size: 26px;
cursor: pointer
}
.mml-modal-content {
padding: 10px 20px 20px;
overflow: auto;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
#modal-quote4 .mml-modal {
background-color: #00a0e8
}
#modal-quote4 .mml-modal .mml-modal-header {
color: #fff
}
#modal-quote4 .mml-modal h2 {
color: #fff;
margin-bottom: 20px
}
#modal-quote4 .mml-modal .mml-modal-content {
padding: 10px 30px 30px
}
.codedropz-upload-inner h3 {
display: none
}
.codedropz-upload-inner span {
display: none
}
.codedropz-upload-handler {
border: 1px solid #c9c9c9
}
.p10 h1 {
font-size: 16px;
display: inline
}
.p10-s1 {
padding-top: 80px
}
.p10-s1 .cart-product-list {
margin-top: 50px
}
.p10-s1 .cart-product-item {
width: 100%;
padding: 30px;
margin-top: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
border: solid 1px #eee;
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
}
.p10-s1 .cart-product-item h4 {
font-size: 20px
}
.p10-s1 .cart-product-item:hover {
-webkit-box-shadow: 0 4px 43px 0 rgba(0,0,0,.13);
box-shadow: 0 4px 43px 0 rgba(0,0,0,.13)
}
.p10-s1 .product-img {
width: 21%;
max-width: 250px
}
.p10-s1 .product-info {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
max-width: 750px;
width: 68%;
-webkit-transform: translateY(30px);
-ms-transform: translateY(30px);
transform: translateY(30px)
}
.p10-s1 .product-info>div {
margin: 0 10px
}
.p10-s1 .prodcut-name {
max-width: 245px;
width: 100%
}
.p10-s1 .prodcut-name p {
color: #00a0e8;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.p10-s1 .product-num {
margin-top: 10px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.p10-s1 .product-num input {
width: 86px;
height: 48px;
border: solid 1px #b5b5b5;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #00a0e8
}
.p10-s1 .product-num .symbol {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 10px
}
.p10-s1 .product-num .symbol span {
width: 19px;
height: 19px;
text-align: center;
line-height: 19px;
color: #b5b5b5;
border: solid 1px #b5b5b5;
cursor: pointer
}
.p10-s1 .product-num .symbol span:hover {
background: #00a0e8;
color: #fff
}
.p10-s1 .product-num .symbol span:last-child {
margin-top: 5px
}
.p10-s1 .product-des {
width: 100%
}
.p10-s1 .product-des .detail-des {
display: block;
max-width: 365px;
width: 100%;
outline: none;
border: solid 1px #b5b5b5;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 15px 0 15px 20px;
margin: 0;
margin-top: 10px
}
.p10-s1 .product-delete {
width: 8%;
max-width: 80px;
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;
background-color: #eee;
color: #464541;
cursor: pointer
}
.p10-s1 .product-delete:hover {
background-color: #d73d0d;
color: #fff
}
.p10-s1 .btn-white {
margin-top: 50px
}
@media (max-width: 768px) {
.p10-s1 {
padding:80px 0
}
.p10-s1 .product-info {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width: 660px) {
.p10-s1 .cart-product-item {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p10-s1 .product-img {
width: 100%;
margin: 0 auto
}
.p10-s1 .product-info {
width: 100%;
margin-top: 30px
}
.p10-s1 .product-delete {
max-width: unset;
width: 100%;
margin-top: 30px;
padding: 20px 0
}
}
@media (max-width: 540px) {
.p10-s1 {
padding:60px 0
}
}
.p10-s2 {
position: relative;
padding: 80px 0
}
.p10-s2 .img-wrap {
position: absolute;
left: 0;
bottom: 0;
z-index: -1
}
.p10-s2 .mml-form-wrap {
max-width: 580px;
padding: 40px 50px;
background-color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px
}
.p10-s2 .mml-form-wrap h2 {
color: #fff
}
.p10-s2 .mml-form-wrap>p {
color: #fff;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal;
margin-bottom: 20px
}
@media (max-width: 580px) {
.p10-s2 .img-wrap {
position:static
}
}
@media (max-width: 540px) {
.p10-s2 {
padding:60px 0
}
}
.p9 h1 {
font-size: 16px;
display: inline
}
.p9-s1 {
padding: 80px 0;
text-align: center
}
.p9-s1 p {
max-width: 780px;
margin: 0 auto;
margin-top: 15px
}
.p9-s1 p b {
color: #00a0e8;
font-size: 18px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.p9-s1 .search-wrap {
position: relative;
max-width: 980px;
margin: 0 auto;
margin-top: 50px
}
.p9-s1 .search-wrap input {
width: 100%;
height: 60px;
padding-left: 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: none;
background: #f4f5f5;
-webkit-border-radius: 30px;
border-radius: 30px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.p9-s1 .search-icon {
position: absolute;
right: 0;
top: 0;
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;
width: 100px;
height: 100%;
background: #00a0e8;
color: #fff;
-webkit-border-bottom-right-radius: 30px;
border-bottom-right-radius: 30px;
-webkit-border-top-right-radius: 30px;
border-top-right-radius: 30px;
cursor: pointer
}
@media (max-width: 540px) {
.p9-s1 {
padding:60px 0
}
}
.p8-s1 {
padding: 80px 0;
text-align: center
}
.p8-s1 .mml-cols-4 {
margin-top: 100px
}
.p8-s1 .item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
min-height: 290px;
padding: 0 10px;
background-color: #fff;
-webkit-box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p8-s1 .img-wrap {
-webkit-transform: translateY(-30%);
-ms-transform: translateY(-30%);
transform: translateY(-30%)
}
.p8-s1 .img-wrap img {
-webkit-border-radius: 50%;
border-radius: 50%
}
.p8-s1 .text-wrap {
-webkit-transform: translateY(5%);
-ms-transform: translateY(5%);
transform: translateY(5%)
}
.p8-s1 .text-wrap p {
max-width: 240px;
margin: 0 auto;
margin-top: 10px
}
@media (max-width: 890px) {
.p8-s1 .mml-cols-4 {
margin-top:40px
}
.p8-s1 .img-wrap {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
margin-top: 10px
}
.p8-s1 .text-wrap {
margin-top: 20px;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width: 540px) {
.p8-s1 {
padding:60px 0
}
}
.p8-s2 {
padding: 40px 0 80px
}
.p8-s2 .p8-s2-wrap {
position: relative
}
.p8-s2 .img-wrap {
position: absolute;
top: 100px;
left: 0;
z-index: -1
}
.p8-s2 .right {
max-width: 580px;
margin: 0 auto;
margin-right: 0
}
.p8-s2 .info-wrap {
width: 100%;
background-color: #fff;
-webkit-box-shadow: 0 0 38px 0 rgba(0,0,0,.06);
box-shadow: 0 0 38px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px
}
.p8-s2 .info {
max-width: 340px;
padding: 45px 0 55px;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p8-s2 .info-address,.p8-s2 .info-email {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
color: #00a0e8;
margin-top: 22px
}
.p8-s2 .info-address i,.p8-s2 .info-email i {
font-size: 24px
}
.p8-s2 .info-address p,.p8-s2 .info-email p {
margin-left: 10px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 600;
font-style: normal;
text-decoration: underline;
color: #00a0e8
}
.p8-s2 .mml-form-wrap {
width: 100%;
margin-top: 20px;
padding: 40px 50px;
background-color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px
}
.p8-s2 .mml-form-wrap h2 {
color: #fff
}
@media (max-width: 768px) {
.p8-s2 {
padding:80px 0
}
.p8-s2 .right {
margin: 0 auto;
margin-top: 40px
}
.p8-s2 .img-wrap {
position: static
}
}
@media (max-width: 540px) {
.p8-s2 {
padding:60px 0
}
}
.p73x h1 {
font-size: 16px;
display: inline
}
.p73x-s1 {
padding: 80px 0 0
}
.p73x-s1 .product-slider .slider {
position: relative!important
}
.p73x-s1 .product-slider .slick-arrow {
position: absolute;
z-index: 2;
top: 41%;
width: 70px;
line-height: 70px;
background-color: rgba(171,130,110,.6);
color: #fff;
text-align: center
}
.p73x-s1 .product-slider .slick-arrow:hover {
background-color: #00a0e8
}
.p73x-s1 .product-slider .arrow-prev {
left: 7%
}
.p73x-s1 .product-slider .arrow-next {
right: 7%
}
.p73x-s1 .product-slider .slicker {
position: relative;
margin: 30px 100px 20px
}
.p73x-s1 .product-slider .slicker>li {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
-webkit-transform: scale(.7917) translate(0,0);
-ms-transform: scale(.7917) translate(0,0);
transform: scale(.7917) translate(0,0);
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.p73x-s1 .product-slider .slicker>.prev {
-webkit-transform: scale(.7917) translate(-26.0645%,0);
-ms-transform: scale(.7917) translate(-26.0645%,0);
transform: scale(.7917) translate(-26.0645%,0);
z-index: 1
}
.p73x-s1 .product-slider .slicker>.next {
-webkit-transform: scale(.7917) translate(26.0645%,0);
-ms-transform: scale(.7917) translate(26.0645%,0);
transform: scale(.7917) translate(26.0645%,0)
}
.p73x-s1 .product-slider .slicker>.active {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none;
z-index: 2
}
.p73x-s1 .product-slider .slicker>.active .text {
opacity: 1
}
.p73x-s1 .product-slider .mml-text {
text-align: left
}
.p73x-s1 .product-slider .text {
text-align: center;
opacity: 0;
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
margin-top: 65px
}
.p73x-s1 .product-slider .text p {
margin-bottom: 10px
}
@media (max-width: 960px) {
.p73x-s1 .product-slider h2 {
margin-bottom:30px
}
.p73x-s1 .product-slider .slick-arrow {
width: 40px;
height: 40px;
line-height: 40px
}
.p73x-s1 .product-slider .arrow-next {
right: 85px
}
.p73x-s1 .product-slider .arrow-prev {
left: 85px
}
}
@media (max-width: 768px) {
.p73x-s1 .product-slider .slicker {
margin:30px 60px 20px
}
.p73x-s1 .product-slider .arrow-prev {
left: 8%
}
.p73x-s1 .product-slider .arrow-next {
right: 8%
}
}
@media (max-width: 630px) {
.p73x-s1 .product-slider .slicker {
margin:30px 50px 20px
}
.p73x-s1 .product-slider .slick-arrow {
width: 40px;
line-height: 40px
}
}
@media (max-width: 540px) {
.p73x-s1 .product-slider .slick-arrow {
width:40px;
line-height: 40px;
top: 38%
}
.p73x-s1 .product-slider .arrow-prev {
left: 8%
}
.p73x-s1 .product-slider .arrow-next {
right: 8%
}
}
@media (max-width: 420px) {
.p73x-s1 .product-slider h2 {
margin-bottom:0
}
.p73x-s1 .product-slider .slicker {
margin: 0 30px 20px
}
}
@media (max-width: 375px) {
.p73x-s1 .product-slider .slick-arrow {
top:25%
}
}
@media (max-width: 1024px) {
.p73x-s1 {
padding:80px 0
}
}
@media (max-width: 540px) {
.p73x-s1 {
padding:60px 0
}
}
.p73x-s2 {
padding: 80px 0
}
.p73x-s2 .p73x-s2-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p73x-s2 .case-profile {
max-width: 580px;
width: 53%
}
.p73x-s2 .case-profile h2 {
color: #353535
}
.p73x-s2 .text-wrap {
margin-top: 20px
}
.p73x-s2 .text-wrap h4 {
color: #333;
font-size: 20px
}
.p73x-s2 .text-wrap p {
margin-top: 10px
}
.p73x-s2 .text-wrap:first-of-type p {
position: relative;
padding-left: 15px
}
.p73x-s2 .text-wrap:first-of-type p::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
background-color: #00a0e8;
top: 7px;
left: 0;
-webkit-border-radius: 50%;
border-radius: 50%
}
.p73x-s2 .case-share-wrap {
background-color: #f7f7f7;
max-width: 480px;
width: 45%;
margin: 0 auto;
margin-right: 0;
padding: 60px 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p73x-s2 .case-share-wrap h3 {
max-width: 200px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 600;
font-style: normal
}
.p73x-s2 .case-share {
max-width: 340px;
margin: 0 auto
}
.p73x-s2 .icon-list {
font-size: 36px
}
@media (max-width: 768px) {
.p73x-s2 .p73x-s2-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p73x-s2 .case-profile {
width: 100%;
margin: 0 auto
}
.p73x-s2 .case-share-wrap {
max-width: unset;
width: 90%;
margin: 0 auto;
margin-top: 30px
}
}
@media (max-width: 540px) {
.p73x-s2 {
padding:60px 0
}
}
.p73-s1 {
padding: 80px 0
}
.p73-s1 h2 {
text-align: center
}
.p73-s1 .text-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 30px
}
.p73-s1 .text-wrap p {
max-width: 550px
}
@media (max-width: 768px) {
.p73-s1 .text-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p73-s1 .text-wrap p:last-child {
margin-top: 20px
}
}
@media (max-width: 540px) {
.p73-s1 {
padding:60px 0
}
}
.p72-s1 {
padding: 80px 0;
text-align: center
}
.p72-s1 .p72-s1-wrap>p {
margin-top: 20px
}
.p72-s1 .mml-cols-4 {
margin-top: 30px
}
.p72-s1 .mml-cols-4 b {
font-size: 30px
}
.p72-s1 .mml-cols-4 p {
max-width: 150px;
margin: 0 auto;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
@media (max-width: 1024px) {
.p72-s1 .mml-cols-4 {
margin-left:auto;
margin-right: auto;
max-width: 800px;
-webkit-justify-content: space-around;
-ms-flex-pack: distribute;
justify-content: space-around
}
.p72-s1 .mml-cols-4>li {
width: calc(50% - 20px)
}
}
@media (max-width: 540px) {
.p72-s1 {
padding:60px 0
}
.p72-s1 .mml-cols-4>li {
width: 100%
}
}
.p72-s2 {
padding: 80px 0
}
.p72-s2 h2 {
text-align: center
}
.p72-s2 .p72-s2-wrap>p {
text-align: center
}
.p72-s2 .mml-cols-3 {
margin-top: 30px
}
.p72-s2 .primary-item {
padding: 20px 20px 30px 20px;
background-color: #fff;
-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p72-s2 .primary-item p {
margin-top: 20px;
margin-bottom: 10px
}
.p72-s2 .primary-item:last-child p {
margin-bottom: 35px
}
.p72-s2 .list .item {
position: relative;
padding-left: 30px;
margin-top: 15px;
color: #000;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.p72-s2 .list .item::before {
content: "";
position: absolute;
left: 0;
top: 4px;
width: 8px;
height: 8px;
background-color: #00a0e8;
-webkit-border-radius: 50%;
border-radius: 50%;
border: 4px solid #dccbc3
}
@media (max-width: 540px) {
.p72-s2 {
padding:60px 0
}
.p72-s2 .mml-cols-3 li {
margin-top: 30px
}
}
.p72-s3 {
background: #fafafa
}
.p72-s3 .slick-slide {
position: relative
}
.p72-s3 .slick-slide h4 {
position: absolute;
bottom: 0;
right: 0;
max-width: 280px;
width: 100%;
padding: 20px 0;
background-color: rgba(250,250,250,.8)
}
.p72-s4 {
padding: 80px 0;
background-image: -webkit-gradient(linear,left top,right top,color-stop(66%,#fff),color-stop(34%,#fafafa));
background-image: -webkit-linear-gradient(left,#fff 66%,#fafafa 34%);
background-image: -o-linear-gradient(left,#fff 66%,#fafafa 34%);
background-image: linear-gradient(to right,#fff 66%,#fafafa 34%)
}
.p72-s4 p {
margin-top: 15px;
max-width: 765px
}
.p72-s4 .img-wrap-slicker {
position: relative;
max-width: 1000px;
margin-top: 50px
}
.p72-s4 .img-wrap-slicker img {
margin-left: 0
}
.p72-s4 .slick-dots {
position: absolute;
top: 50%;
right: -20%;
-webkit-transform: translateY(-50%) rotate(90deg);
-ms-transform: translateY(-50%) rotate(90deg);
transform: translateY(-50%) rotate(90deg)
}
.p72-s4 .slick-dots .slick-active button {
width: 24px;
height: 24px;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transform: translateY(-8px);
-ms-transform: translateY(-8px);
transform: translateY(-8px);
background-color: #fff;
border: 8px solid #00a0e8
}
.p72-s4 .slick-dots li {
margin: 0 3px
}
@media (max-width: 1200px) {
.p72-s4 {
background-image:none
}
.p72-s4 .slick-dots {
top: unset;
right: unset;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
}
@media (max-width: 540px) {
.p72-s4 {
padding:60px 0
}
}
.p72-s5 p {
max-width: 680px!important
}
.p71-s1 {
padding: 50px 0
}
.p71-s1 h2 {
text-align: center
}
.p71-s1 .text-wrap {
margin-top: 20px
}
.p71-s1 .text-wrap:first-of-type {
margin-top: 30px
}
.p71-s1 .text-wrap p {
margin-top: 10px
}
@media (max-width: 540px) {
.p71-s1 {
padding:60px 0
}
}
.p71-s2 {
padding: 80px 0 0;
text-align: center
}
.p71-s2 .content {
margin-top: 40px
}
.p71-s2 .text-wrap {
max-width: 880px;
margin: 0 auto;
margin-right: 0;
background-color: #00a0e8;
opacity: .8;
-webkit-transform: translateY(-120px);
-ms-transform: translateY(-120px);
transform: translateY(-120px);
padding: 60px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p71-s2 .text {
max-width: 745px;
margin: 0 auto;
text-align: left
}
.p71-s2 .text p {
color: #fff
}
.p71-s2 .text p:last-child {
margin-top: 20px
}
@media (max-width: 968px) {
.p71-s2 {
padding:80px 0
}
.p71-s2 .text-wrap {
max-width: unset;
width: 100%;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
padding: 60px 10px
}
}
@media (max-width: 540px) {
.p71-s2 {
padding:60px 0
}
}
.p71-s3 .btn-brown {
margin-top: 50px
}
.p71-s4 {
padding: 80px 0;
background-color: #fafafa
}
.p71-s4 .left-img-little .img-wrap {
max-width: 480px;
width: 45%
}
.p71-s4 .left-img-little .text-wrap {
max-width: 580px;
width: 53%;
margin: 0 auto
}
.p71-s4 .left-img-little .btn-brown {
margin-top: 45px
}
@media (max-width: 540px) {
.p71-s4 {
padding:60px 0
}
}
.p71-s5 {
padding: 80px 0;
text-align: center
}
.p71-s5 p {
max-width: 780px;
margin: 0 auto
}
.p71-s5 .img-show {
max-width: 780px;
margin: 0 auto;
margin-top: 45px
}
.p71-s5 .img-big-item {
position: relative
}
.p71-s5 .img-little {
position: relative
}
.p71-s5 .img-little i {
position: absolute;
top: 50%;
z-index: 1;
background-color: #00a0e8;
opacity: .6;
color: #fff
}
.p71-s5 .img-little i:hover {
opacity: 1
}
.p71-s5 .img-little .prev {
left: 0;
-webkit-transform: translate(-25%,-50%);
-ms-transform: translate(-25%,-50%);
transform: translate(-25%,-50%)
}
.p71-s5 .img-little .next {
right: 0;
-webkit-transform: translate(25%,-50%);
-ms-transform: translate(25%,-50%);
transform: translate(25%,-50%)
}
.p71-s5 .img-little .slick-slide {
margin: 0 5px
}
@media (max-width: 540px) {
.p71-s5 {
padding:60px 0
}
}
.p65-s1,.p65-s5 {
padding: 80px 0
}
.p65-s1 .left-img-little .img-wrap,.p65-s5 .left-img-little .img-wrap {
max-width: 480px;
width: 45%
}
.p65-s1 .left-img-little .text-wrap,.p65-s5 .left-img-little .text-wrap {
max-width: 600px;
width: 53%;
margin: 0 auto
}
@media (max-width: 540px) {
.p65-s1,.p65-s5 {
padding:60px 0
}
}
.p65-s2 .text-wrap p:last-child {
margin-top: 0
}
.p65-s2,.p65-s4 {
padding: 80px 0
}
.p65-s2 .right-img-little .img-wrap,.p65-s4 .right-img-little .img-wrap {
max-width: 480px;
width: 45%
}
.p65-s2 .right-img-little .text-wrap,.p65-s4 .right-img-little .text-wrap {
max-width: 600px;
width: 53%
}
@media (max-width: 540px) {
.p65-s2,.p65-s4 {
padding:60px 0
}
}
.p65-s3 {
background: #fafafa
}
.p65-s3 .left-img-big .img-wrap {
max-width: 850px;
width: 56%
}
.p65-s3 .left-img-big .text-wrap {
max-width: 600px;
width: 42%;
margin: 0 auto
}
@media (max-width: 968px) {
.p65-s3 {
padding:80px 0
}
}
@media (max-width: 540px) {
.p65-s3 {
padding:6 0 0
}
}
.p65-s5 {
max-width: 1550px;
width: 100%;
background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fafafa),color-stop(50%,#fff));
background-image: -webkit-linear-gradient(left,#fafafa 50%,#fff 50%);
background-image: -o-linear-gradient(left,#fafafa 50%,#fff 50%);
background-image: linear-gradient(to right,#fafafa 50%,#fff 50%)
}
.p65-s5 .p65-s5-wrap {
margin: 0 auto;
margin-right: 0
}
@media (max-width: 1550px) {
.p65-s5 {
background-image:none
}
.p65-s5 .p65-s5-wrap {
margin: 0 auto
}
}
.p65-s6 {
padding: 80px 0
}
.p65-s6 .right-img-little .img-wrap {
max-width: 380px;
width: 37%
}
.p65-s6 .right-img-little .list {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p65-s6 .right-img-little .item {
max-width: 180px;
width: calc(50% - 20px);
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 30px 0;
margin: 8px;
background-color: #fff;
-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
box-shadow: 0 4px 21px 0 rgba(0,0,0,.07)
}
.p65-s6 .right-img-little .item img {
-webkit-border-radius: 50%;
border-radius: 50%
}
.p65-s6 .right-img-little .item h4 {
font-size: 20px;
margin-top: 5px;
text-align: center
}
.p65-s6 .right-img-little .text-wrap {
max-width: 640px;
width: 61%
}
@media (max-width: 768px) {
.p65-s6 .right-img-little {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p65-s6 .right-img-little .text-wrap {
margin-top: 0!important
}
.p65-s6 .right-img-little .img-wrap {
margin-top: 30px!important
}
}
@media (max-width: 540px) {
.p65-s6 {
padding:60px 0
}
}
.p64-s1 {
padding: 80px 0;
background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fff),color-stop(50%,#fafafa));
background-image: -webkit-linear-gradient(left,#fff 50%,#fafafa 50%);
background-image: -o-linear-gradient(left,#fff 50%,#fafafa 50%);
background-image: linear-gradient(to right,#fff 50%,#fafafa 50%)
}
.p64-s1 .text-wrap {
max-width: 480px;
width: 45%
}
.p64-s1 .img-wrap {
max-width: 580px;
width: 53%;
margin-left: 25px;
position: relative
}
.p64-s1 .slick-dots {
position: absolute;
right: -20%;
top: 10px;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg)
}
@media (max-width: 1200px) {
.p64-s1 .slick-dots {
right:unset;
top: unset;
bottom: -20px;
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0)
}
}
@media (max-width: 1200px) {
.p64-s1 {
background-image:none
}
}
@media (max-width: 540px) {
.p64-s1 {
padding:60px 0
}
}
.p64-s2 .mml-active .question {
color: #00a0e8
}
.p64-s3 {
padding: 80px 0;
background-color: #fafafa
}
.p64-s3 .img-wrap {
width: 45%;
max-width: 480px
}
.p64-s3 .text-wrap {
width: 53%;
max-width: 580px;
margin: 0 auto
}
@media (max-width: 540px) {
.p64-s3 {
padding:60px 0
}
}
.p64-s4 {
padding: 80px 0
}
.p64-s4 p {
margin-top: 20px;
max-width: 640px
}
.p64-s4 .certified-slicker {
margin-top: 45px
}
.p64-s4 .certified-slicker {
position: relative
}
.p64-s4 .certified-slicker h4 {
font-size: 20px;
text-align: center;
margin-top: 10px
}
.p64-s4 .certified-slicker .slick-slide:hover h4 {
color: #00a0e8
}
.p64-s4 .certified-slicker i {
position: absolute;
top: 42%;
font-size: 28px;
z-index: 1
}
.p64-s4 .certified-slicker .prev {
left: -20px
}
.p64-s4 .certified-slicker .next {
right: -20px
}
@media (max-width: 1200px) {
.p64-s4 .certified-slicker .prev {
left:10px
}
.p64-s4 .certified-slicker .next {
right: 10px
}
}
.p64-s4 .slick-slide {
margin: 0 5px
}
@media (max-width: 540px) {
.p64-s4 {
padding:60px 0
}
}
.p63-s1 {
padding: 80px 0;
text-align: center
}
.p63-s1 p {
max-width: 965px;
margin: 0 auto;
margin-top: 10px
}
.p63-s1 .brand-icon-slick {
position: relative;
margin: 50px 0
}
.p63-s1 .brand-icon-slick .slick-slide {
margin: 0 5px
}
.p63-s1 .brand-icon-slick i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1;
font-size: 28px
}
.p63-s1 .brand-icon-slick .prev {
left: -15px
}
.p63-s1 .brand-icon-slick .next {
right: -15px
}
@media (max-width: 1200px) {
.p63-s1 .brand-icon-slick .prev {
left:10px
}
.p63-s1 .brand-icon-slick .next {
right: 10px
}
}
@media (max-width: 540px) {
.p63-s1 {
padding:60px 0 0;
}
}
.p63-s2 {
padding: 80px 0
}
.p63-s2 .right-img-little .text-wrap {
max-width: 565px;
width: 53%
}
.p63-s2 .right-img-little .text-wrap h2 {
max-width: 480px
}
.p63-s2 .right-img-little .img-wrap {
max-width: 480px;
width: 45%
}
.p63-s2 .right-img-little .btn-wrap {
margin-top: 35px
}
.p63-s2 .right-img-little .btn-wrap a:last-child {
margin-left: 20px
}
@media (max-width: 1024px) {
.p63-s2 .right-img-little .btn-wrap a:last-child {
margin-left:0;
margin-top: 20px
}
}
@media (max-width: 540px) {
.p63-s2 {
padding: 0 0 60px;
}
}
.p63-s3 {
padding: 80px 0
}
.p63-s3 .img-wrap {
max-width: 480px;
width: 44%
}
.p63-s3 .text-wrap {
max-width: 580px;
width: 53%;
margin: 0 auto
}
.p63-s3 .btn-brown {
margin-top: 40px
}
@media (max-width: 540px) {
.p63-s3 {
padding:60px 0
}
}
.p63-s4 {
padding: 80px 0;
text-align: center
}
.p63-s4 .tab {
margin-top: 35px
}
.p63-s4 .tab-nav {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.p63-s4 .tab-nav li {
width: calc(12.5% - 20px);
max-width: 200px;
margin: 0 10px;
border: 1px solid #00a0e8;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 10px 0;
color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.p63-s4 .tab-nav .item-active {
background-color: #00a0e8;
color: #fff
}
.p63-s4 .tab-content {
margin-top: 45px
}
.p63-s4 .tab-content h3 {
font-size: 30px;
color: #252525
}
.p63-s4 .tab-content p {
max-width: 890px;
margin: 0 auto;
margin-top: 10px
}
.p63-s4 .tab-content .tab-content-item {
display: none
}
.p63-s4 .tab-content .content-active {
display: block
}
.p63-s4 .tab-content .mml-cols-6 {
margin-top: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.p63-s4 .tab-content .mml-cols-6 h5 {
margin-top: 10px
}
@media (max-width: 765px) {
.p63-s4 .tab-nav {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
@media (max-width: 540px) {
.p63-s4 {
padding:60px 0
}
}
.p63-s5 {
padding: 80px 0;
text-align: center
}
.p63-s5 .p63-s5-wrap>p {
max-width: 780px;
margin: 0 auto;
margin-top: 10px
}
.p63-s5 .mml-cols-3 {
margin-top: 20px
}
.p63-s5 .mml-cols-3 li {
margin-top: 30px
}
.p63-s5 .item {
position: relative
}
.p63-s5 .item h4 {
font-size: 20px;
margin-top: 10px
}
.p63-s5 .item p {
max-width: 385px;
margin: 0 auto
}
.p63-s5 .item:nth-child(3n-1)::before,.p63-s5 .item:nth-child(3n)::before {
content: "";
width: 123px;
position: absolute;
border-top: 2px dashed #d5ebf5;
top: 16%;
left: -20%
}
@media (max-width: 1024px) {
.p63-s5 .item:nth-child(n)::before {
content:none
}
.p63-s5 .item:nth-child(2n)::before {
content: "";
width: 123px;
position: absolute;
border-top: 2px dashed #ffd2d2;
top: 16%;
left: -20%
}
}
@media (max-width: 540px) {
.p63-s5 {
padding:60px 0
}
.p63-s5 .item:nth-child(n)::before {
content: none
}
}
.p63-s6 {
padding: 80px 0 0
}
.p63-s6 .tab {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 45px
}
.p63-s6 .tab-nav-bg {
max-width: 280px;
max-height: 210px;
padding-top: 10px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: 4px 7px 13px 0 rgba(0,0,0,.09);
box-shadow: 4px 7px 13px 0 rgba(0,0,0,.09);
width: 28%
}
.p63-s6 .tab-nav {
max-width: 220px;
margin: 0 auto
}
.p63-s6 .nav-item {
padding-bottom: 10px;
border-bottom: 2px solid #fff;
color: #959a94;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 10px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal;
cursor: pointer
}
.p63-s6 .nav-item:hover {
color: #00a0e8;
border-bottom: 2px solid #00a0e8
}
.p63-s6 .nav-item-active {
color: #00a0e8;
border-bottom: 2px solid #00a0e8
}
.p63-s6 .tab-content {
max-width: 780px;
width: 69%;
margin: 0 auto;
margin-right: 0
}
.p63-s6 .content-item {
display: none
}
.p63-s6 .content-active {
display: block
}
.p63-s6 .text-wrap {
max-width: 680px;
margin: 0 auto;
margin-right: 0;
background: #cd9898;
-webkit-transform: translateY(-80px);
-ms-transform: translateY(-80px);
transform: translateY(-80px)
}
.p63-s6 .text-wrap h4,.p63-s6 .text-wrap p {
color: #fff
}
.p63-s6 .text-wrap .text {
max-width: 550px;
margin: 0 auto;
padding: 35px 0 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
@media (max-width: 968px) {
.p63-s6 .text-wrap .text {
padding:35px 10px 45px
}
}
.p63-s6 .text-wrap .text p {
margin-top: 10px
}
@media (max-width: 768px) {
.p63-s6 {
padding:80px 0
}
.p63-s6 .tab {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p63-s6 .tab-nav-bg {
margin: 0 auto;
padding: 10px;
max-width: unset;
width: 90%
}
.p63-s6 .tab-nav {
max-width: unset
}
.p63-s6 .tab-content {
width: 100%;
margin: 0 auto;
margin-top: 30px
}
.p63-s6 .text-wrap {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
max-width: unset
}
}
@media (max-width: 540px) {
.p63-s6 {
padding:60px 0
}
}
.p62-s1 {
padding: 80px 0;
text-align: center
}
.p62-s1 p {
margin-top: 20px
}
@media (max-width: 540px) {
.p62-s1 {
padding:60px 0
}
}
.p62-s2 {
padding: 80px 0
}
.p62-s2 .product-slicker-show-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.p62-s2 .product-slicker-show-wrap .product-slicker-show {
max-width: 875px;
margin: 0 auto;
margin-right: 0;
width: 100%
}
.p62-s2 .product-slicker-show-wrap .item:nth-child(n+2) {
margin-top: 45px
}
.p62-s2 .product-slicker-show-wrap .text-wrap h4 {
color: #262626;
font-size: 20px
}
.p62-s2 .product-slicker-show-wrap .text-wrap p {
margin-top: 10px
}
.p62-s2 .product-slicker-show-wrap .item-slick {
position: relative;
margin-top: 25px
}
.p62-s2 .product-slicker-show-wrap .item-slick h5 {
text-align: center;
margin-top: 20px;
color: #262626
}
.p62-s2 .product-slicker-show-wrap .item-slick i {
position: absolute;
top: 40%;
font-size: 28px;
z-index: 1
}
.p62-s2 .product-slicker-show-wrap .item-slick .prev {
left: 20px
}
.p62-s2 .product-slicker-show-wrap .item-slick .next {
right: 20px
}
.p62-s2 .product-slicker-show-wrap .slick-slide {
margin: 0 5px
}
.p62-s2 .product-slicker-show-wrap .slick-slide:hover h5 {
color: #00a0e8
}
.p62-s2 .product-categories-wrap {
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.p62-s2 .product-categories-wrap .item-active {
color: #00a0e8
}
@media (max-width: 1100px) {
.p62-s2 .product-slicker-show-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p62-s2 .product-slicker-show-wrap .product-categories-wrap {
width: unset;
min-height: unset
}
.p62-s2 .product-slicker-show-wrap .product-categories-wrap .product-categories-list {
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-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p62-s2 .product-slicker-show-wrap .product-categories-wrap .product-categories-item {
padding-top: 0;
width: 25%
}
.p62-s2 .product-slicker-show-wrap .product-slicker-show {
margin: 0 auto;
margin-top: 40px
}
}
@media (max-width: 765px) {
.p62-s2 .product-slicker-show-wrap .product-categories-wrap .product-categories-list {
-webkit-box-pack:start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.p62-s2 .product-slicker-show-wrap .product-categories-wrap .product-categories-item {
width: 33.3333%
}
}
@media (max-width: 540px) {
.p62-s2 {
padding:60px 0
}
.p62-s2 .product-show {
padding: 0 10px
}
.p62-s2 .product-slicker-show-wrap .product-categories-wrap .product-categories-item {
width: 50%
}
}
.p61-s1 {
padding: 80px 0
}
.p61-s1 .right-img-little .text-wrap {
max-width: 570px;
width: 55%
}
.p61-s1 .right-img-little .img-wrap {
max-width: 480px;
width: 43%
}
@media (max-width: 540px) {
.p61-s1 {
padding:60px 0
}
}
.p61-s2 {
padding: 80px 0
}
.p61-s2 .left-img-little .text-wrap {
max-width: 570px;
width: 55%;
margin: 0 auto
}
.p61-s2 .left-img-little .img-wrap {
max-width: 480px;
width: 43%
}
@media (max-width: 540px) {
.p61-s2 {
padding:60px 0
}
}
.p61-s3 {
margin-top: 200px;
background-color: #fafafa;
padding-bottom: 90px
}
.p61-s3 .right-img-big {
-webkit-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px)
}
.p61-s3 .right-img-big .text-wrap {
max-width: 450px;
width: 32%
}
.p61-s3 .right-img-big .img-wrap {
max-width: 970px;
width: 65%
}
@media (max-width: 1200px) {
.p61-s3 {
margin-top:0
}
.p61-s3 .right-img-big {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width: 968px) {
.p61-s3 {
padding:80px 0
}
}
@media (max-width: 540px) {
.p61-s3 {
padding:60px 0
}
}
.p61-s4 .left-img-big {
-webkit-transform: translateY(-90px);
-ms-transform: translateY(-90px);
transform: translateY(-90px)
}
.p61-s4 .left-img-big .text-wrap {
max-width: 480px;
width: 40%
}
.p61-s4 .left-img-big .img-wrap {
max-width: 850px;
width: 57%
}
@media (max-width: 1200px) {
.p61-s4 .left-img-big {
-webkit-transform:translateY(0);
-ms-transform: translateY(0);
transform: translateY(0)
}
}
@media (max-width: 968px) {
.p61-s4 {
padding:80px 0
}
}
@media (max-width: 540px) {
.p61-s4 {
padding:60px 0
}
}
.p5x-s1 {
padding: 80px 0;
text-align: center
}
.p5x-s1 h2 {
color: #00a0e8;
max-width: 900px;
margin: 0 auto
}
.p5x-s1 h4 {
font-size: 20px
}
.p5x-s2 {
padding: 80px 0;
max-width: 1550px;
width: 100%;
background-image: -webkit-gradient(linear,left top,right top,color-stop(50%,#fafafa),color-stop(50%,#fff));
background-image: -webkit-linear-gradient(left,#fafafa 50%,#fff 50%);
background-image: -o-linear-gradient(left,#fafafa 50%,#fff 50%);
background-image: linear-gradient(to right,#fafafa 50%,#fff 50%)
}
.p5x-s2 .p5x-s2-wrap {
margin: 0 auto;
margin-right: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p5x-s2 .img-wrap {
max-width: 580px;
-webkit-flex-shrink: 0;
-ms-flex-negative: 0;
flex-shrink: 0;
width: 52%
}
.p5x-s2 .text-wrap {
max-width: 490px;
width: 46%;
margin: 0 auto;
margin-right: 0
}
.p5x-s2 .text-wrap p {
color: gray;
margin-top: 15px
}
@media (max-width: 765px) {
.p5x-s2 {
background-image:unset
}
.p5x-s2 .p5x-s2-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p5x-s2 .img-wrap {
width: 100%
}
.p5x-s2 .text-wrap {
width: 100%;
margin: 0 auto;
margin-top: 40px
}
}
@media (max-width: 540px) {
.p5x-s2 {
padding:60px 0
}
}
.p5x-end {
padding: 80px 0 100px
}
.p5x-end .p5x-end-section:nth-child(n+2) {
margin-top: 40px
}
.p5x-end .p5x-end-section .right-img-big .img-wrap {
max-width: 950px;
width: 63%
}
.p5x-end .p5x-end-section .right-img-big .text-wrap {
max-width: 540px;
width: 35%
}
.p5x-end .p5x-end-section .left-img-little {
margin-top: 40px
}
.p5x-end .p5x-end-section .left-img-little .img-wrap {
max-width: 580px;
width: 52%
}
.p5x-end .p5x-end-section .left-img-little .text-wrap {
max-width: 530px;
width: 46%
}
@media (max-width: 768px) {
.p5x-end .p5x-end-section .left-img-little {
margin-top:60px
}
}
@media (max-width: 540px) {
.p5x-end {
padding:60px 0
}
}
.p5-s1 {
padding: 80px 0;
text-align: center
}
.p5-s1>p {
margin-top: 20px
}
.p5-s1 .list {
margin-top: 35px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.p5-s1 .item h4 {
font-size: 20px;
margin-top: 10px
}
.p5-s1 .item p {
margin-top: 10px;
margin-bottom: 35px
}
.p5-s1 .item>a span {
display: inline-block;
color: #00a0e8;
border-bottom: 1px solid #fff;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal
}
.p5-s1 .item>a:hover h4 {
color: #00a0e8
}
.p5-s1 .item>a:hover span {
border-bottom: 1px solid #00a0e8
}
.p5-s1 .item-two p {
margin-bottom: 60px
}
@media (max-width: 768px) {
.p5-s1 .item-two p {
margin-bottom:35px
}
}
@media (max-width: 540px) {
.p5-s1 {
padding:60px 0
}
}
.p4-s1 {
padding-top: 80px
}
.p4-s1 .text-wrap {
width: 100%;
margin-top: 50px;
padding: 80px 0;
background-color: #fafafa;
-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-evenly;
-webkit-justify-content: space-evenly;
-ms-flex-pack: space-evenly;
justify-content: space-evenly
}
.p4-s1 .text-wrap p {
max-width: 1050px;
color: #716f6f
}
@media (max-width: 768px) {
.p4-s1 .text-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
padding: 30px 10px
}
.p4-s1 .text-wrap p:last-child {
margin-top: 30px
}
}
@media (max-width: 540px) {
.p4-s1 {
padding-top:60px
}
}
.p4-s2 {
padding: 80px 0
}
.p3-s2 .p3-s2-wrap {
padding: 80px 0;
max-width: 1440px;
width: 100%;
margin: 0 auto;
background-color: #cd9898;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p3-s2 .img-wrap {
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
}
.p3-s2 .img-wrap div {
margin: 0 10px
}
@media (max-width: 540px) {
.p3-s2 .img-wrap {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p3-s2 .img-wrap>div {
width: 20%
}
}
@media (max-width: 375px) {
.p3-s2 .img-wrap>div {
width:18%
}
}
.p3-s3 {
padding-bottom: 80px;
}
.p3-s4 {
background-color: #fafafa
}
.p3-s4 .p3-s4-wrap {
padding: 80px 0;
max-width: 1024px;
width: 100%;
margin: 0 auto;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.p3-s4 .item img {
display: inline-block;
vertical-align: middle
}
.p3-s4 .item span {
font-size: 16px;
color: #464541;
vertical-align: middle;
margin-left: 10px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal
}
@media (max-width: 1024px) {
.p3-s4 .p3-s4-wrap {
padding:80px 10px
}
}
.p3-s5 {
padding: 80px 0
}
.p3-s5 .p3-s5-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p3-s5 .text-wrap p {
margin-top: 10px
}
.p3-s5 .text-wrap .btn-brown {
margin-top: 50px
}
.p3-s5 .text-wrap {
max-width: 385px;
width: 37%
}
.p3-s5 .img-wrap {
max-width: 680px;
width: 61%;
margin: 0 auto;
margin-right: 0
}
@media (max-width: 768px) {
.p3-s5 .p3-s5-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p3-s5 .text-wrap {
max-width: 580px;
width: 100%;
margin: 0 auto
}
.p3-s5 .img-wrap {
width: 100%;
margin: 0 auto;
margin-top: 40px
}
}
@media (max-width: 540px) {
.p3-s5 {
padding:60px 0
}
}
.p3-s6 {
padding: 80px 0
}
.p3-s6 .p3-s6-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p3-s6 .img-wrap {
max-width: 480px;
width: 45%
}
.p3-s6 .img-wrap .slick-dots {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.p3-s6 .text-wrap {
max-width: 570px;
width: 51%;
margin: 0 auto
}
.p3-s6 .text-wrap p {
margin-top: 20px
}
.p3-s6 .btn-wrap {
margin-top: 30px
}
.p3-s6 .btn-wrap a {
margin-top: 20px
}
.p3-s6 .btn-wrap a:last-child {
margin-left: 20px
}
@media (max-width: 968px) {
.p3-s6 .btn-wrap a:nth-child(n) {
margin-left:20px
}
}
.product-show .filter-wrap { display: none; }
@media (max-width: 768px) {
.p3-s6 .p3-s6-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.p3-s6 .p3-s6-wrap .text-wrap {
width: 100%
}
.p3-s6 .p3-s6-wrap .img-wrap {
width: 100%;
margin-top: 40px
}
.product-show .filter-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.product-show .filter-wrap h5 {
padding: 15px 20px;
background-color: #d5ebf5
;}
.product-show .filter-wrap .select-wrap {
position: relative;
width: calc( 100% - 98px );
height: 54px;
background-color: #eee;
line-height: 54px;
padding-left: 12px;
-webkit-box-sizing: border-box;
box-sizing: border-box
;padding-right: 40px;}
.product-categories-wrap {
display: none;
}
}
@media (max-width: 540px) {
.p3-s6 {
padding:60px 0
}
}
@media (max-width: 410px) {
.product-show .filter-wrap .select-wrap {
width:230px
}
}
.product-show .filter-wrap .select-current {
cursor: pointer
;overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;}
.product-show .filter-wrap .select-more {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 20px;}
.product-show .filter-wrap .select-list {
display: none;
position: absolute;
top: 54px;
left: 0;
width: 100%;
background-color: #eee;
cursor: pointer;
z-index: 1
}
.product-show .filter-wrap .select-item {
padding: 10px;
padding-left: 20px
}
.product-show .filter-wrap .select-item.item-active {
color: #00a0e8
}
@media (max-width: 540px) {
.product-show .filter-wrap {
padding:0 10px;
-webkit-box-pack: start;
-webkit-justify-content: flex-start;
-ms-flex-pack: start;
justify-content: flex-start
}
.product-show .filter-wrap h5 {
padding: 15px 10px;}
}
.product-show .product-categories {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 60px
}
.product-show .product-categories-wrap {
width: 280px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border-bottom: 1px solid #959a94;
border-top: 1px solid #959a94;
-webkit-align-self: flex-start;
-ms-flex-item-align: start;
align-self: flex-start
}
.product-show .product-categories-wrap h3 {
padding: 10px 0 10px 30px;
border-bottom: 1px solid #959a94
}
.product-show .product-categories-wrap .product-categories-list {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 50px 0
}
.product-show .product-categories-wrap .product-categories-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 10px 0;
padding-left:5px;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 400;
font-style: normal;
cursor: pointer
}
.product-show .product-categories-wrap .product-categories-item:first-child {
padding-top: 0
}
.product-show .product-categories-wrap .product-categories-item:last-child {
padding-bottom: 0
}
.product-show .product-categories-wrap .product-categories-item span {
display: inline-block;
width: 14px;
height: 14px;
border: solid 2px #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 15px
}
.product-show .product-categories-wrap .item-active span {
background-color: #00a0e8
}
.product-show .product-categories-wrap .item-active a {
color: #00a0e8
}
.product-show .product-wrap {
max-width: 900px;
width: 100%;
}
.product-show .slick-track {
margin: 0 auto!important
}
.product-show .product-list {
max-width: 900px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-transform: translate(10px,-10px);
-ms-transform: translate(10px,-10px);
transform: translate(10px,-10px)
}
.product-show .product-list>li {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 10px;
width: calc(33.3333% - 20px);
max-width: 300px
}
.product-show .mml-pages {
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
@media (max-width: 768px) {
.product-show .product-list>li {
width:calc(50% - 20px)
}
.product-show {
padding:20px 0
}
}
@media (max-width: 540px) {
.product-show .product-categories {
-webkit-box-orient: vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.product-show .product-categories-wrap {
margin: 0 auto;
margin-top: 40px
}
.product-show .mml-pages {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.product-show .product-list {
-webkit-transform: none;
-ms-transform: none;
transform: none;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
}
.p2-s1 {
padding: 80px 0
}
.p2-s1 .p2-s1-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p2-s1 .text-wrap {
max-width: 675px;
width: 60%
}
.p2-s1 .text-wrap p {
margin-top: 15px
}
.p2-s1 .text-wrap p:last-child {
margin-top: 30px
}
.p2-s1 .img-wrap {
max-width: 380px;
width: 35%;
margin: 0 auto
}
.p2-s1 .img-wrap a {
-webkit-transform: translate(25%,-50%);
-ms-transform: translate(25%,-50%);
transform: translate(25%,-50%)
}
@media (max-width: 1024px) {
.p2-s1 .img-wrap a {
-webkit-transform:none;
-ms-transform: none;
transform: none;
margin-top: 20px
}
}
@media (max-width: 540px) {
.p2-s1 {
padding:60px 0
}
.p2-s1 .p2-s1-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p2-s1 .text-wrap {
width: 100%
}
.p2-s1 .img-wrap {
width: 100%;
margin-top: 30px
}
}
.p2-s2 {
padding: 80px 0
}
.product-popup-bg {
-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;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
align-items: center;
padding: 20px
}
.product-pop-up {
position: relative;
max-width: 1220px;
max-height: 80%;
width: 100%;
padding: 40px 0;
background-color: #fff;
-webkit-box-shadow: 0 4px 43px 0 rgba(0,0,0,.1);
box-shadow: 0 4px 43px 0 rgba(0,0,0,.1);
overflow: auto
}
.product-pop-up .close-popup {
position: absolute;
right: 20px;
top: 15px;
font-size: 34px;
color: #e5e5e5;
cursor: pointer
}
.product-pop-up .product-popup-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.product-pop-up .left {
max-width: 580px;
width: 51%
}
.product-pop-up .product-img {
position: relative
}
.product-pop-up .right {
max-width: 510px;
width: 45%;
margin: 0 auto;
}
.product-pop-up .right .h4 {
margin-top: 20px;
border-bottom: 1px solid #dfdfdf;
padding-bottom: 20px;
margin-top: 20px;
color: #666;
}
.product-pop-up .right .h4 p {
color: #666;
}
.product-pop-up .right .list {
margin-top: 20px;
}
.product-pop-up .right .item {
position: relative;
font-size: 16px;
padding-left: 15px;
color: #666;
font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;
font-weight: 500;
font-style: normal
}
.product-pop-up .right .item::before {
content: "";
position: absolute;
width: 8px;
height: 8px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #00a0e8;
top: 7px;
left: 0
}
.product-pop-up .right .product-num {
margin-top: 20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.product-pop-up .right .product-num input {
width: 90px;
height: 48px;
border: solid 1px #b5b5b5;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
color: #00a0e8
}
.product-pop-up .right .product-num .symbol {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
margin-left: 10px
}
.product-pop-up .right .product-num .symbol span {
width: 19px;
height: 19px;
text-align: center;
line-height: 19px;
color: #b5b5b5;
border: solid 1px #b5b5b5;
cursor: pointer
}
.product-pop-up .right .product-num .symbol span:hover {
background: #00a0e8;
color: #fff
}
.product-pop-up .right .product-num .symbol span:last-child {
margin-top: 5px
}
.product-pop-up .right .btn-brown {
margin-top: 15px
}
.product-pop-up .big-img {
width: 100%
}
.product-pop-up .big-img-slicker {
position: relative;
width: 100%
}
.product-pop-up .big-img-slicker .slick-arrow {
position: absolute;
width: 32px;
height: 66px;
line-height: 66px;
background-color: #00a0e8;
opacity: .2;
text-align: center;
color: #fff;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 1
}
.product-pop-up .big-img-slicker .slick-arrow:hover {
opacity: 1
}
.product-pop-up .big-img-slicker .prev {
left: 0;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px
}
.product-pop-up .big-img-slicker .next {
right: 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0
}
.product-pop-up .little-img-slicker {
margin-top: 10px;
width: 100%
}
.product-pop-up .little-img-slicker .slick-slide {
margin: 0 10px
}
.product-pop-up .little-img-slicker .slick-track {
width: 100%
}
@media (max-width: 766px) {
.product-popup-bg {
padding:0;
}
.product-pop-up .product-popup-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.product-pop-up .left {
width: 100%;
margin-top: 30px
}
.product-pop-up .right {
width: 100%;
margin: 0 auto
}
.product-pop-up .little-img-slicker {
display: none
}
}
@media (max-width: 540px) {
.product-pop-up .close-popup {
position:fixed;
right: 30px;
top: 30px
}
}
@media (max-width: 375px) {
/* .product-pop-up .big-img-slicker {
display:none
}*/
}
.p1-s1 {
padding: 110px 0 80px
}
.p1-s1 .new-product-list {
margin-top: 55px;
position: relative
}
.p1-s1 .new-product-list .item h5 {
margin-top: 10px;
text-align: center
}
.p1-s1 .new-product-list .item img {
width: 100%
}
.p1-s1 .new-product-list .slick-slide {
margin: 0 5px
}
.p1-s1 .new-product-list i {
position: absolute;
top: -100px;
right: 0
}
.p1-s1 .new-product-list .prev {
right: 60px
}
.p1-s1 .new-product-list .next {
right: 0
}
.p1-s1 .btn-wrap {
text-align: center
}
.p1-s1 .btn {
margin-top: 50px;
font-weight: 600
}
@media (max-width: 560px) {
.p1-s1 {
padding:60px 0
}
.p1-s1 .new-product-list i {
top: -60px
}
.p1-s1 h2 {
padding-bottom: 20px;
text-align: center
}
.p1-s1 .new-product-list .prev {
left: 41%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.p1-s1 .new-product-list .next {
left: unset;
right: 41%;
-webkit-transform: translateX(50%);
-ms-transform: translateX(50%);
transform: translateX(50%)
}
}
.p1-s2 {
padding: 80px 0
}
.p1-s2 .p1-s2-wrap {
max-width: 1550px;
width: 100%;
margin: 0 auto;
margin-right: 0
}
.p1-s2 .text-wrap {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 380px;
width: 25%;
height: 540px;
background-color: #b0d5e5;
float: left
}
.p1-s2 .text-wrap::after {
content: 'PRODUCT';
position: absolute;
top: 37%;
left: -70%;
-webkit-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
color: rgba(53,53,53,.1);
font-size: 100px;
z-index: -1;
font-weight: 700
}
@media (max-width: 1500px) {
.p1-s2 .text-wrap::after {
display:none
}
}
.p1-s2 .text h2 {
padding-left: 30px
}
.p1-s2 .text p {
padding-left: 30px;
max-width: 280px;
color: #716f6f
}
.p1-s2 .btn-wrap {
text-align: center;
margin-top: 70px;
z-index: 10 !important;
}
.p1-s2 .btn-wrap .btn-brown {
padding: 12px 54px
}
.p1-s2 .right-product {
position: relative
}
.p1-s2 .right-product .slick-slide {
margin-left: 20px
}
.p1-s2 .right-product .item .negative-img {
display: none
}
.p1-s2 .right-product .item:hover .positive-img {
display: none
}
.p1-s2 .right-product .item:hover .negative-img {
display: block
}
.p1-s2 .right-product .item:hover h3 {
color: #00a0e8
}
.p1-s2 .right-product .item .item-text {
margin-top: 20px;
max-width: 305px;
padding-left: 20px
}
.p1-s2 .right-product i {
position: absolute;
bottom: -21%
}
.p1-s2 .right-product .prev {
right: 71%
}
.p1-s2 .right-product .next {
right: 67%
}
@media (max-width: 1024px) {
.p1-s2 .text-wrap {
height:unset;
padding: 10px 0
}
.p1-s2 .right-product {
position: relative
}
.p1-s2 .right-product .slick-slide {
margin-left: 20px
}
.p1-s2 .right-product i {
bottom: -18%
}
.p1-s2 .right-product .prev {
right: 69%
}
.p1-s2 .right-product .next {
right: 64%
}
}
@media (max-width: 768px) {
.p1-s2 {
padding:80px 10px
}
.p1-s2 .text-wrap {
float: none;
max-width: unset;
width: 100%
}
.p1-s2 .text-wrap p {
max-width: unset
}
.p1-s2 .right-product {
margin-top: 30px
}
.p1-s2 .right-product .slick-slide {
margin: 0 10px
}
.p1-s2 .right-product .prev {
right: unset;
left: 20px
}
.p1-s2 .right-product .next {
right: unset;
left: 80px
}
}
@media (max-width: 540px) {
.p1-s2 {
padding:60px 10px
}
.p1-s2 .text-wrap {
padding: 60px 0
}
.p1-s2 .btn-wrap {
margin-top: 80px
}
.p1-s2 .slick-dots {
margin-top: 30px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
}
.p1-s3 {
background-color: #fafafa
}
.p1-s3 .p1-s3-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p1-s3 .left {
max-width: 680px;
width: 37%;
margin: 0 auto
}
.p1-s3 .left p {
margin-top: 10px
}
.p1-s3 .left .btn-brown {
margin-top: 50px
}
.p1-s3 .create-step {
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
}
.p1-s3 .item {
width: calc(20% - 20px);
margin: 0 10px;
margin-top: 80px;
max-width: 95px
}
.p1-s3 .item:hover p {
color: #00a0e8
}
.p1-s3 .item p {
margin-top: 20px;
text-align: center
}
.p1-s3 .arrow-item {
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
}
.p1-s3 .arrow-item img {
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px)
}
.p1-s3 .right {
max-width: 1050px;
margin: 0 auto;
margin-right: 0;
width: 55%
}
.p1-s3 .step-img {
display: none
}
.p1-s3 .step-active {
display: block
}
@media (max-width: 1024px) {
.p1-s3 {
padding:80px 10px
}
.p1-s3 .p1-s3-wrap {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p1-s3 .left {
width: 100%
}
.p1-s3 .right {
margin: 0 auto;
margin-top: 30px;
width: 90%
}
}
@media (max-width: 540px) {
.p1-s3 {
padding:60px 10px
}
}
.p1-s4 {
padding: 80px 0
}
.p1-s4 .p1-s4-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.p1-s4 .img-wrap {
max-width: 580px;
width: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px
}
.p1-s4 .img-item {
max-width: 290px;
width: calc(50% - 20px);
margin: 0 10px;
text-align: center
}
.p1-s4 .img-item:nth-child(n+3) {
margin-top: 45px
}
.p1-s4 .img-item h4 {
margin-top: 20px;
color: #333
}
.p1-s4 .text-wrap {
max-width: 500px;
width: 48%;
margin: 0 auto
}
.p1-s4 .text-wrap p {
max-width: 495px;
margin-top: 20px
}
.p1-s4 .text-wrap a {
margin-top: 45px
}
@media (max-width: 768px) {
.p1-s4 .p1-s4-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: reverse;
-webkit-flex-direction: column-reverse;
-ms-flex-direction: column-reverse;
flex-direction: column-reverse
}
.p1-s4 .img-wrap {
margin-top: 50px;
width: 100%
}
.p1-s4 .text-wrap {
width: 100%
}
}
@media (max-width: 540px) {
.p1-s4 {
padding:60px 0
}
}
.p1-s5 {
padding: 80px 0
}
.p1-s5 .p1-s5-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.p1-s5 .text-wrap {
max-width: 590px;
width: 50%
}
.p1-s5 .text-wrap p {
margin-top: 20px
}
.p1-s5 .btn-wrap {
margin-top: 50px
}
.p1-s5 .btn-wrap a:last-child {
margin-left: 20px
}
.p1-s5 .icon-wrap {
max-width: 460px;
width: 48%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 auto;
margin-right: 0
}
.p1-s5 .icon-item {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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;
max-width: 140px;
width:32%;
background: #fff;
-webkit-box-shadow: 0 4px 21px 0 rgba(171,130,110,.1);
box-shadow: 0 4px 21px 0 rgba(171,130,110,.1);
margin-right: 12px;
}
.p1-s5 .icon-item:nth-child(4n) {
margin-right: 0;
}
.p1-s5 .icon-item:nth-child(n+5) {
margin-top: 12px;
}
.p1-s5 .icon-item img {
margin: unset
;width: 60px;padding-top: 10px;}
.p1-s5 .icon-item h4 {
margin-top: 10px;}
@media (max-width: 1024px) {
.p1-s5 .icon-item {
max-width:110px
}
.p1-s5 .btn-wrap a:last-child {
margin-top: 20px;
margin-left: 0
}
}
@media (max-width: 800px) {
.p1-s5 .p1-s5-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p1-s5 .text-wrap {
width: 100%;
margin: 0 auto
}
.p1-s5 .icon-wrap {
width: 100%;
margin: 0 auto;
margin-top: 50px
}
.p1-s5 .icon-item {
max-width: 140px
}
}
@media (max-width: 540px) {
.p1-s5 {
padding:60px 10px;
}
}
@media (max-width: 500px) {
.p1-s5 .icon-wrap {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.p1-s5 .icon-item:nth-child(3n-1) {
margin: 0
}
.p1-s5 .icon-item:nth-child(n) {
margin: 4.5px;
}
.p1-s5 .icon-item h4 {
font-size: 12px;
margin-top: 10px;
padding-bottom: 5px;
}
}
.p1-s6 {
background-color: #fafafa;
padding: 80px 0
}
.p1-s6 .p1-s6-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.p1-s6 .text-wrap {
max-width: 655px;
width: 55%
}
.p1-s6 .text-wrap p {
max-width: 625px;
margin-top: 20px;
color: #716f6f
}
.p1-s6 .img-wrap {
max-width: 480px;
width: 43%;
margin: 0 auto
}
.p1-s6 .img-wrap .slick-dots li {
display: inline-block
}
.p1-s6 .cert {
max-width: 430px;
margin-top: 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.p1-s6 .cert .item {
width: 25%;
margin-top: 20px
}
.p1-s6 .cert .item img {
margin-left: 0
}
@media (max-width: 768px) {
.p1-s6 .p1-s6-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.p1-s6 .text-wrap {
width: 100%;
margin: 0 auto
}
.p1-s6 .img-wrap {
width: 100%;
margin-top: 30px
}
}
@media (max-width: 540px) {
.p1-s6 {
padding:60px 0
}
}
.p1-s7 {
padding: 80px 0
}
.p1-s7 h2 {
text-align: center
}
.p1-s7 .brand {
margin-top: 40px;
position: relative
}
.p1-s7 .brand i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 28px;
z-index: 1
}
.p1-s7 .brand .prev {
left: -20px
}
.p1-s7 .brand .next {
right: -20px
}
.p1-s7 .brand .slick-slide {
margin: 0 5px
}
.p1-s7 .video-show {
position: relative;
margin-top: 30px;
margin-bottom: 30px
}
.p1-s7 .video-show .video-item {
position: relative
}
.p1-s7 .video-show .video-item i {
color: #fff
}
.p1-s7 .video-show .img-wrap {
position: relative
}
.p1-s7 .video-show h5 {
text-align: center;
margin-top: 10px
}
.p1-s7 .video-show .slick-dots {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
.p1-s7 .video-show .slick-slide {
margin: 0 10px
}
@media (max-width: 1200px) {
.p1-s7 .brand .prev {
left:-5px
}
.p1-s7 .brand .next {
right: -5px
}
}
@media (max-width: 540px) {
.p1-s7 {
padding:60px 0
}
}
.slick-active button {
background-color: #00a0e8
}
.home-banner {
max-width: 1920px;
width: 100%;
height: 900px;
margin-top: -100px;
background-image: url(../images/p01-s01-banner.jpg)
}
@media (max-width: 540px) {
.home-banner {
background-image:url(../images/p01-s01-banner-750×1334.jpg);
background-size: auto 100%;
}
}
.home-banner .home {
position: relative;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.home-banner .home::before {
content: "";
position: absolute;
left: -75px;
width: 55%;
height: 100%;
opacity: .7;
background-color: #fff;
z-index: 1
}
.home-banner .text-wrap {
max-width: 550px;
position: relative;
z-index: 3
}
.home-banner .text-wrap p {
margin: 30px 0 20px
}
.home-banner .btn-wrap .vp-a {
position: static;
max-width: unset;
max-height: unset
}
.home-banner .btn-brown,.home-banner .btn-white {
margin-top: 10px
}
.home-banner .btn-white {
margin-left: 20px;
width: unset;
height: unset;
background-color: transparent
}
.home-banner .btn-white:hover {
background-color: #00a0e8
}
.home-banner .to-section {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 30px;
left: 44%;
font-size: 30px;
color: #00a0e8;
z-index: 2;
cursor: pointer
}
.home-banner .to-section i {
width: 20px;
height: 20px
}
@media (max-width: 1200px) {
.home-banner .to-section {
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media (max-width: 540px) {
.home-banner .home::before {
content:none
}
.home-banner .btn-brown {
margin-left: 20px
}
}
.ldp3-s3 {
padding: 80px 0;
background-color: #fafafa;
text-align: center
}
.ldp3-s3 h2 {
margin-bottom: 30px
}
.ldp3-s3 h4 {
margin-top: 20px
}
.ldp3-s3 .item:hover h4 {
color: #00a0e8
}
@media (max-width: 540px) {
.ldp3-s3 {
padding:60px 0
}
}
.ldp3-s4 {
padding: 80px 0
}
.ldp3-s4 .ldp3-s4-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.ldp3-s4 .text-wrap p {
margin-top: 10px
}
.ldp3-s4 .text-wrap .btn-brown {
margin-top: 50px
}
.ldp3-s4 .text-wrap {
max-width: 385px;
width: 37%
}
.ldp3-s4 .img-wrap {
max-width: 680px;
width: 61%;
margin: 0 auto;
margin-right: 0
}
@media (max-width: 768px) {
.ldp3-s4 .p3-s5-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.ldp3-s4 .text-wrap {
max-width: 580px;
width: 100%;
margin: 0 auto
}
.ldp3-s4 .img-wrap {
width: 100%;
margin: 0 auto;
margin-top: 40px
}
}
@media (max-width: 540px) {
.ldp3-s4 {
padding:60px 0
}
}
.ldp2 .ldp-banner .text-wrap {
max-width: 580px
}
.ldp1 .btn-brown-wrap {
text-align: center
}
.ldp1 .go-form {
display: inline-block;
margin-top: 50px
}
.ldp1 .p64-s2 {
padding: 80px 0 0
}
.ldp1 .p64-s2 .mml-box {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.ldp1 .p64-s2 .slicker {
margin-left: auto;
margin-right: auto
}
.ldp1 .p64-s2 h3 {
font-size: 30px;
color: #000
}
.ldp1 .btn-white.vp-a {
display: none
}
.ldp-banner {
max-width: 1920px;
width: 100%;
height: 800px;
margin-top: -100px;
background-image: url(../images/s01-banner.jpg);
background-position: center
}
@media (max-width: 540px) {
.ldp-banner {
background-image:url(../images/p01-s01-banner-750×1334.jpg)
}
}
.ldp-banner .home {
position: relative;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp-banner .home::before {
content: "";
position: absolute;
left: -75px;
width: 65%;
height: 100%;
opacity: .8;
background-color: #fff;
z-index: 1
}
.ldp-banner .text-wrap {
max-width: 550px;
position: relative;
z-index: 3
}
.ldp-banner .list {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.ldp-banner .item {
width: 43%;
margin-top: 10px
}
.ldp-banner .item i {
margin-right: 10px;
color: #00a0e8
}
.ldp-banner .btn-wrap {
margin-top: 40px
}
.ldp-banner .btn-wrap .vp-a {
position: static;
max-width: unset;
max-height: unset
}
.ldp-banner .btn-brown,.ldp-banner .btn-white {
margin-top: 10px
}
.ldp-banner .btn-white {
margin-left: 20px;
width: unset;
height: unset;
background-color: transparent
}
.ldp-banner .btn-white:hover {
background-color: #00a0e8
}
.ldp-banner .to-section {
position: absolute;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
bottom: 30px;
left: 55%;
font-size: 30px;
color: #00a0e8;
z-index: 2;
cursor: pointer
}
.ldp-banner .to-section i {
width: 20px;
height: 20px
}
@media (max-width: 1200px) {
.ldp-banner .to-section {
left:50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%)
}
}
@media (max-width: 540px) {
.ldp-banner .home::before {
content:none
}
.ldp-banner .btn-brown {
margin-left: 20px
}
}
.ldp1-s1 {
padding: 80px 0
}
.ldp1-s1 h2 {
text-align: center
}
.ldp1-s1 .brand {
margin-top: 40px;
position: relative
}
.ldp1-s1 .brand i {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 28px;
z-index: 1
}
.ldp1-s1 .brand .prev {
left: -20px
}
.ldp1-s1 .brand .next {
right: -20px
}
.ldp1-s1 .brand .slick-slide {
margin: 0 5px
}
@media (max-width: 1200px) {
.ldp1-s1 .brand .prev {
left:-5px
}
.ldp1-s1 .brand .next {
right: -5px
}
}
@media (max-width: 540px) {
.ldp1-s1 {
padding:60px 0
}
}
.ldp1-s2 {
padding: 80px 0
}
.ldp1-s2 h2 {
text-align: left
}
.ldp1-s2 .reason-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 35px
}
.ldp1-s2 .left {
max-width: 580px
}
.ldp1-s2 .icon-item {
position: relative;
background-color: #fff;
margin: 0 0 30px 50px;
padding: 25px 0 25px 70px;
-webkit-box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px
}
.ldp1-s2 .icon-item h4 {
font-size: 20px;
color: #333;
margin-bottom: 10px
}
.ldp1-s2 .icon-item img {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.ldp1-s2 .right {
max-width: 580px;
margin: 0 auto
}
.ldp1-s2 .mml-form-wrap {
width: 100%;
padding: 40px 50px;
background-color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-border-radius: 5px;
border-radius: 5px
}
.ldp1-s2 .mml-form-wrap h3 {
color: #fff;
font-size: 36px
}
@media (max-width: 1023px) {
.ldp1-s2 .reason-wrap {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
}
@media (max-width: 540px) {
.ldp1-s2 {
padding:60px 0
}
}
.ldp1-s3 {
padding: 80px 0
}
.ldp1-s3 h2 {
margin-bottom: 10px;
text-align: center
}
.ldp1-s3 h2+p {
max-width: 900px;
margin: 0 auto;
text-align: center
}
.ldp1-s3 .mml-cols-3 {
margin-top: 50px
}
.ldp1-s3 .item h4 {
font-size: 24px;
margin-bottom: 5px
}
.ldp1-s3 .item:hover h4 {
color: #00a0e8
}
.ldp1-s3 .text {
padding: 20px 0 0 30px
}
@media (max-width: 1024px) {
.ldp1-s3 .item {
margin-top:30px
}
}
@media (max-width: 540px) {
.ldp1-s3 {
padding:60px 0
}
}
.ldp1-s4 {
background-color: #fafafa;
padding: 80px 0;
text-align: center
}
.ldp1-s4 .tab {
margin-top: 35px
}
.ldp1-s4 .tab-nav {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -10px;
margin-right: -10px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp1-s4 .tab-nav li {
width: calc(16.6666% - 20px);
max-width: 200px;
margin: 0 10px;
border: 1px solid #00a0e8;
-webkit-border-radius: 20px;
border-radius: 20px;
padding: 10px 0;
color: #00a0e8;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.ldp1-s4 .tab-nav .item-active {
background-color: #00a0e8;
color: #fff
}
.ldp1-s4 .tab-content {
margin-top: 45px
}
.ldp1-s4 .tab-content h3 {
font-size: 30px;
color: #252525
}
.ldp1-s4 .tab-content p {
max-width: 890px;
margin: 0 auto;
margin-top: 10px
}
.ldp1-s4 .tab-content .tab-content-item {
display: none
}
.ldp1-s4 .tab-content .content-active {
display: block
}
.ldp1-s4 .tab-content .mml-cols-6 {
margin-top: 20px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp1-s4 .tab-content .mml-cols-6 h5 {
margin-top: 10px
}
.ldp1-s4 .go-form {
position: static;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
@media (max-width: 765px) {
.ldp1-s4 .tab-nav {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.ldp1-s4 .tab-nav li {
width: calc(33.3333% - 20px)
}
.ldp1-s4 .tab-nav li:nth-child(n+4) {
margin-top: 10px
}
}
@media (max-width: 540px) {
.ldp1-s4 {
padding:60px 0
}
}
.ldp1-s5 {
background-color: #fff;
background-image: none;
padding: 80px 0 0
}
.ldp1-s5 .p64-s1-wrap>h2 {
text-align: center;
margin-bottom: 50px
}
.ldp1-s5 h3 {
font-size: 30px
}
.ldp1-s7 {
background-color: #fff
}
.ldp1-s7 .left-img-little {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.ldp1-s7 h3 {
font-size: 30px
}
.ldp1-s8 .left {
padding: 30px 0
}
.ldp1-s9 {
background-color: #fafafa
}
.ldp1-s11 {
background-color: #fafafa
}
@charset "UTF-8";.mml-footer {
padding: 80px 0;
background-color: #fff;
color: #262626
}
.mml-footer .container {
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
}
.mml-footer .footer-item {
text-align: left;
margin-right: 20px
}
.mml-footer .footer-item:first-child {
max-width: 200px
}
.mml-footer .footer-item:first-child img {
display: inline-block;
max-width: 100%
}
.mml-footer .footer-item:last-child {
margin-right: 0;
max-width: 250px
}
.mml-footer .footer-item .footer-item-tit {
margin-bottom: 5px;
color: #262626
}
.mml-footer .footer-item a,.mml-footer .footer-item .menu-item a {
display: inline-block;
margin-bottom: 10px;
color: gray
}
.mml-footer .footer-item a:hover,.mml-footer .footer-item .menu-item a:hover {
color: #03a67b
}
.mml-footer .footer-item .widget_nav_menu .sub-menu {
margin-left: 20px
}
.mml-footer .footer-item-icons li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px
}
.mml-footer .footer-item-icons li i {
display: inline-block;
margin-right: 10px;
font-size: 25px
}
.mml-footer-copyright {
padding: 20px 0;
background-color: #e9e9e9;
text-align: center;
color: #b3b3b3
}
@media only screen and (max-width: 680px) {
.mml-footer .container {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.mml-footer .container .footer-item {
width: calc(50% - 20px);
margin-bottom: 20px;
margin-right: 0
}
.mml-footer .container .footer-item:first-child,.mml-footer .container .footer-item:last-child {
max-width: none
}
.mml-footer .container .footer-item:nth-child(odd) {
margin-right: 20px
}
}
@media only screen and (max-width: 680px) and (max-width:414px) {
.mml-footer .container .footer-item {
width:100%;
margin-right: 0
}
.mml-footer .container .footer-item:nth-child(odd) {
margin-right: 0
}
}
@charset "UTF-8";.id {
background-color: #fff;
padding: 80px 0 0;
color: #262626
}
.id .mml-footer .container {
width: 1200px;
padding: 0 10px
}
.id .mml-footer .mml-footer-hd {
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
}
.id .mml-footer .footer-item {
text-align: left;
margin-right: 20px
}
.id .mml-footer .footer-item:first-child {
max-width: 200px
}
.id .mml-footer .footer-item:first-child img {
display: inline-block;
max-width: 100%
}
.id .mml-footer .footer-item:last-child {
margin-right: 0;
max-width: 250px
}
.id .mml-footer .footer-item .footer-item-tit {
margin-bottom: 5px;
color: #262626
}
.id .mml-footer .footer-item a,.id .mml-footer .footer-item .menu-item a {
display: inline-block;
margin-bottom: 10px;
color: gray
}
.id .mml-footer .footer-item a:hover,.id .mml-footer .footer-item .menu-item a:hover {
color: #03a67b
}
.id .mml-footer .footer-item .widget_nav_menu .sub-menu {
margin-left: 20px
}
.id .mml-footer .mml-footer-bd {
margin-bottom: 40px
}
.id .mml-footer .mml-footer-bd .footer-item {
max-width: 100%
}
.id .mml-footer .footer-item-icons {
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
}
.id .mml-footer .footer-item-icons li {
max-width: 380px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-bottom: 10px
}
.id .mml-footer .footer-item-icons li i {
display: inline-block;
margin-right: 10px;
font-size: 25px
}
.id .mml-footer-copyright {
padding: 20px 0;
background-color: #e9e9e9;
text-align: center;
color: #b3b3b3
}
.id .mml-footer-copyright .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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 10px
}
.id .mml-footer-copyright .container .footer-share {
display: inline-block;
text-align: center;
color: #396ec6;
font-size: 30px
}
.id .mml-footer-copyright .container .footer-copyright {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
min-width: 300px;
text-align: center
}
@media only screen and (max-width: 768px) {
.id .mml-footer .container {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.id .mml-footer .container .mml-footer-hd {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.id .mml-footer .container .mml-footer-hd .footer-item {
max-width: none;
width: calc(50% - 10px);
margin-bottom: 20px;
margin-right: 0
}
.id .mml-footer .container .mml-footer-bd .footer-item-icons li {
min-width: 300px
}
}
.v1_case_detail_003 .container {
text-align: left
}
.v1_case_detail_003 h2 {
color: #353535
}
.v1_case_detail_003 h4 {
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;
color: #333
}
.v1_case_detail_003 .top-wrap {
margin-top: 10px
}
.v1_case_detail_003 .top-wrap::after {
display: block;
content: '';
clear: both
}
.v1_case_detail_003 p {
color: gray
}
.v1_case_detail_003 p a {
color: #03a67b;
text-decoration: underline
}
.v1_case_detail_003 .wrap-item {
display: inline-block;
width: 50%;
float: left
}
.v1_case_detail_003 .wrap-item ul,.v1_case_detail_003 .wrap-item p {
margin-top: 10px;
color: gray
}
.v1_case_detail_003 .wrap-item li {
position: relative
}
.v1_case_detail_003 .wrap-item li::before {
display: inline-block;
content: '';
width: 8px;
height: 8px;
background-color: #03a67b;
margin-right: 8px;
margin-top: 1px;
-webkit-border-radius: 50%;
border-radius: 50%
}
.v1_case_detail_003 .middle-wrap {
margin-top: 20px
}
.v1_case_detail_003 .bottom-wrap {
margin-top: 40px
}
.v1_case_detail_003 .icon-wrap {
padding-left: 20px
}
.v1_case_detail_003 .icon-wrap a {
margin-right: 10px
}
.v1_case_detail_003 .icon-wrap a:nth-of-type(1) {
color: #396ec6
}
.v1_case_detail_003 .icon-wrap a:nth-of-type(2) {
color: #50bdfc
}
.v1_case_detail_003 .icon-wrap a:nth-of-type(3) {
color: #398fc6
}
@media (max-width: 540px) {
.v1_case_detail_003 .wrap-item {
width:100%;
float: left;
margin-top: 20px
}
}
.v1_case_detail_004 .container {
width: 980px;
max-width: 100%
}
.v1_case_detail_004 .content-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
background-color: #fff;
-webkit-border-radius: 4px;
border-radius: 4px;
border: solid 1px #ebebeb;
padding: 60px
}
.v1_case_detail_004 .content-wrap p {
margin-top: 20px
}
.v1_case_detail_004 .bottom-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_case_detail_004 h4 {
width: 110px;
color: #343434;
text-align: left
}
.v1_case_detail_004 .wrap {
width: 80%;
margin-left: auto;
position: relative
}
.v1_case_detail_004 .wrap::before {
display: block;
content: '';
width: 100%;
height: 1px;
background-color: #03a67b;
-webkit-transform: translateY(10px);
-ms-transform: translateY(10px);
transform: translateY(10px);
position: relative;
z-index: -1
}
.v1_case_detail_004 .wrap ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_case_detail_004 .wrap li {
margin: 0 40px
}
.v1_case_detail_004 .wrap .circle {
width: 16px;
height: 16px;
background-color: #fff;
border: solid 1px #038966;
margin: 0 auto;
-webkit-border-radius: 50%;
border-radius: 50%;
cursor: pointer
}
.v1_case_detail_004 .wrap span {
display: block;
margin-top: 20px;
color: gray
}
.v1_case_detail_004 .wrap li.active .circle {
position: relative
}
.v1_case_detail_004 .wrap li.active .circle::after {
position: absolute;
display: block;
content: '';
width: 10px;
height: 10px;
background-color: #038966;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
-webkit-border-radius: 50%;
border-radius: 50%
}
.v1_case_detail_004 .wrap li.active span {
color: #038966
}
.v1_case_detail_004 .fas {
position: absolute;
top: 5px;
font-size: 14px;
cursor: pointer
}
.v1_case_detail_004 .fas:hover {
color: #03a67b
}
.v1_case_detail_004 .fa-chevron-left {
left: -30px
}
.v1_case_detail_004 .fa-chevron-right {
right: -30px
}
.v1_case_detail_004 .share {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
float: right;
margin-top: 50px
}
.v1_case_detail_004 .share::after {
display: block;
content: '';
clear: both
}
.v1_case_detail_004 .share span {
color: #353535
}
.v1_case_detail_004 .icon-wrap {
padding-left: 20px
}
.v1_case_detail_004 .icon-wrap a {
margin-right: 10px
}
.v1_case_detail_004 .icon-wrap a:nth-of-type(1) {
color: #396ec6
}
.v1_case_detail_004 .icon-wrap a:nth-of-type(2) {
color: #50bdfc
}
.v1_case_detail_004 .icon-wrap a:nth-of-type(3) {
color: #398fc6
}
@media (max-width: 1024px) {
.v1_case_detail_004 .bottom-wrap {
display:block
}
.v1_case_detail_004 h4 {
width: 100%;
text-align: center
}
.v1_case_detail_004 .wrap {
width: 80%;
margin: 40px auto 0
}
}
@media (max-width: 768px) {
.v1_case_detail_004 .content-wrap {
padding:30px
}
.v1_case_detail_004 .wrap li {
margin: 0 20px
}
}
@media (max-width: 540px) {
.v1_case_detail_004 .wrap li {
margin:0 10px
}
}
@media (max-width: 420px) {
.v1_case_detail_004 .wrap li {
margin:0 2px
}
.v1_case_detail_004 .icon-wrap {
padding-left: 10px
}
}
.v1_categories_003 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_categories_003 .cat-sidebar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
width: 280px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
text-align: left
}
.v1_categories_003 .cat-sidebar h4 {
padding: 15px 10px;
text-align: center
}
.v1_categories_003 .cat-menus {
border: 1px solid #d6d6d6;
border-top: none
}
.v1_categories_003 .cat-menus li {
position: relative
}
.v1_categories_003 .cat-menus>.mml-active>.cat-item {
color: #03a57b;
background-color: #f5f5f5
}
.v1_categories_003 .mml-active>.cat-submenu {
height: unset;
padding: 10px 0 10px 20px
}
.v1_categories_003 .mml-active .fa-chevron-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #03a57b
}
.v1_categories_003 .cat-item {
position: relative;
padding: 15px 40px 15px 20px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_categories_003 i {
position: absolute;
right: 10px;
top: 18px;
z-index: 2;
cursor: pointer
}
.v1_categories_003 .cat-submenu {
padding: 0 0 0 20px;
height: 0;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
overflow: hidden
}
.v1_categories_003 .cat-submenu .cat-item {
padding: 4px 20px
}
.v1_categories_003 .cat-main {
max-width: 840px;
width: 75%;
margin: 0 0 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left
}
@media (max-width: 880px) {
.v1_categories_003 .cat-sidebar {
width:100%;
margin: 0 auto 30px
}
.v1_categories_003 .cat-main {
width: 100%;
margin: 0 auto;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
}
.v1_categories_004 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_categories_004 .cat-sidebar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 20px;
width: 280px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
text-align: left
}
.v1_categories_004 .cat-sidebar h4 {
padding: 15px 10px;
text-align: center
}
.v1_categories_004 .cat-menus {
border: 1px solid #d6d6d6;
border-top: none
}
.v1_categories_004 .cat-menus li {
position: relative
}
.v1_categories_004 .cat-menus>.mml-active>.cat-item {
color: #03a57b;
background-color: #f5f5f5
}
.v1_categories_004 .mml-active>.cat-submenu {
height: unset;
padding: 10px 0 0 20px
}
.v1_categories_004 .mml-active .fa-chevron-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #03a57b
}
.v1_categories_004 .cat-item {
position: relative;
padding: 15px 40px 15px 20px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_categories_004 i {
position: absolute;
right: 10px;
top: 18px;
z-index: 2;
cursor: pointer
}
.v1_categories_004 .cat-submenu {
padding: 0 0 0 20px;
height: 0;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
overflow: hidden
}
.v1_categories_004 .cat-submenu .cat-item {
position: relative;
padding: 10px 27px
}
.v1_categories_004 .cat-submenu .cat-item::before {
position: absolute;
left: 0;
top: 12px;
display: inline-block;
content: '';
width: 16px;
height: 16px;
border: solid 2px #b5b5b5;
background-color: transparent;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v1_categories_004 .cat-main {
max-width: 840px;
width: 75%;
margin: 0 0 0 auto;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left
}
.v1_categories_004 .cat-main b {
display: block;
margin: 10px 0
}
.v1_categories_004 .cat-main li {
margin: 0 10px 40px
}
@media (max-width: 880px) {
.v1_categories_004 .cat-sidebar {
width:100%;
margin: 0 auto 30px
}
.v1_categories_004 .cat-main {
width: 100%;
margin: 0 auto;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
}
.v1_clients_004 .container {
width: 1200px
}
.v1_clients_004 .sliders {
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: 40px
}
.v1_clients_004 .slicker-for {
max-width: 580px;
max-height: 410px;
width: 49%;
margin-right: 20px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
border: solid 1px #5d6777;
overflow: hidden
}
.v1_clients_004 .s-right {
max-width: 600px;
width: 51%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.v1_clients_004 .slicker-nav li {
max-width: 180px;
width: calc(33.3333% - 20px)!important;
border: solid 1px #5d6777;
margin: 0 10px 20px
}
.v1_clients_004 .arrs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.v1_clients_004 .slick-arrow {
position: relative;
font-size: 24px;
cursor: pointer
}
.v1_clients_004 .slick-arrow.btn-l {
margin-right: 35px
}
.v1_clients_004 .btns {
margin: 15px -10px 0
}
.v1_clients_004 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #5d6777
}
.v1_clients_005 {
max-width: 1920px;
margin: auto;
overflow: hidden
}
.v1_clients_005 .box {
position: relative;
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;
margin-top: 40px
}
.v1_clients_005 .slicker {
max-width: 580px;
width: 49%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-right: 20px;
background-color: #fff;
padding: 110px 80px 90px;
-webkit-box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
box-shadow: 0 4px 21px 0 rgba(0,0,0,.07);
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_clients_005 .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: 24px;
cursor: pointer
}
.v1_clients_005 .slick-arrow.btn-l {
left: 18px
}
.v1_clients_005 .slick-arrow.btn-r {
right: 18px
}
.v1_clients_005 .list {
position: relative;
width: 51%;
max-width: 600px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.v1_clients_005 .list:before {
position: absolute;
left: -300px;
top: 0;
width: 300%;
height: 100%;
background-color: #f7fafe;
content: '';
display: block;
z-index: -1
}
.v1_clients_005 .list li {
width: calc(33.333% - 20px);
border-width: 1px;
border-style: solid;
border-color: #5d6777
}
@media screen and (max-width: 1024px) {
.v1_clients_005 .slicker {
padding:80px 50px
}
}
@media screen and (max-width: 880px) {
.v1_clients_005 .box {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_clients_005 .slicker {
width: 100%;
margin: 0 auto
}
.v1_clients_005 .list {
width: 100%;
margin: 0 auto
}
}
.v1_clients_006 .slicker {
max-width: 1010px;
margin: 40px auto;
padding: 0 100px
}
.v1_clients_006 .slicker .icon {
max-width: 138px;
max-height: 138px;
-webkit-border-radius: 50%;
border-radius: 50%;
border: solid 1px #5d6777;
overflow: hidden;
margin: 0 auto 15px
}
.v1_clients_006 .slicker .slick-arrow {
position: absolute;
top: 57%;
z-index: 2;
font-size: 24px;
cursor: pointer
}
.v1_clients_006 .slicker .slick-arrow.btn-l {
left: 0
}
.v1_clients_006 .slicker .slick-arrow.btn-r {
right: 0
}
.v1_clients_006 .list {
margin: 0 -10px
}
.v1_clients_006 .list .slick-slide {
max-width: 180px;
margin: 0 10px
}
.v1_clients_006 .list li {
border: solid 1px #5d6777
}
@media screen and (max-width: 880px) {
.v1_clients_006 .slicker {
padding:0 40px
}
}
.v1_clients_007 .list {
margin: 40px -10px 70px
}
.v1_clients_007 .list .slick-slide {
max-width: 180px;
margin: 0 10px
}
.v1_clients_007 .list li {
border: solid 1px #5d6777
}
.v1_clients_007 .list .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
font-size: 24px;
cursor: pointer
}
.v1_clients_007 .list .slick-arrow.btn-l {
left: -10px
}
.v1_clients_007 .list .slick-arrow.btn-r {
right: -10px
}
.v1_clients_007 .slicker {
margin: 0 -10px
}
.v1_clients_007 .slicker .slick-slide {
max-width: 580px;
margin: 0 10px
}
.v1_clients_007 .slicker .slick-slide li {
position: relative;
border: solid 1px #5d6777
}
.v1_clients_007 .slicker .slick-slide .vp-a {
position: relative
}
.v1_clients_007 .slicker .slick-slide i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
z-index: 2
}
.v1_clients_007 .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px
}
@media screen and (max-width: 1200px) {
.v1_clients_007 .list .slick-arrow.btn-l {
left:10px
}
.v1_clients_007 .list .slick-arrow.btn-r {
right: 10px
}
}
.v1_contact_001 {
margin-top: 80px;
padding: 0 10px;
padding-bottom: 30px
}
.v1_contact_001 .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;
text-align: left
}
.v1_contact_001 .left-wrap {
max-width: 500px;
width: 43%
}
.v1_contact_001 .left-wrap h2 {
color: #1a1a1a
}
.v1_contact_001 .left-wrap .desc {
margin-top: 20px;
margin-bottom: 48px;
max-width: 465px
}
.v1_contact_001 .left-wrap li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px
}
.v1_contact_001 .left-wrap li p {
color: gray
}
.v1_contact_001 .left-wrap .icon-wrap {
position: absolute;
left: 0;
max-width: 100px;
max-height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
-webkit-box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07)
}
.v1_contact_001 .left-wrap img {
-webkit-border-radius: 50%;
border-radius: 50%
}
.v1_contact_001 .left-wrap .text-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 20px 70px;
margin-left: auto;
max-width: 450px;
width: 90%;
background-color: #fff;
-webkit-box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_001 .left-wrap h5 {
color: #1a1a1a
}
.v1_contact_001 .right-wrap .input-submit input:hover {
background: #acfcb2
}
.v1_contact_001 .my-form-wrap {
max-width: 580px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
background-color: #03a67b;
-webkit-box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 44px 0 24px 0;
margin-left: auto
}
.v1_contact_001 .my-form-wrap .mml-form {
max-width: 460px;
width: 80%;
margin: 0 auto
}
.v1_contact_001 .my-form-wrap .mml-form label {
margin: 0
}
.v1_contact_001 .my-form-wrap h2 {
text-align: center;
margin-bottom: 10px;
color: #fff
}
.v1_contact_001 .my-form-wrap .desc {
font-size: 16px;
color: #746992;
text-align: center;
margin-bottom: 36px
}
.v1_contact_001 .my-form-wrap h5 {
font-size: 16px;
color: #ada6bf
}
.v1_contact_001 .my-form-wrap label input,.v1_contact_001 .my-form-wrap label textarea {
border: 1px solid rgba(255,255,255,.5);
outline: none;
min-height: 50px;
padding-left: 20px;
padding-top: 14px;
outline: none;
background-color: #03a67b;
color: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_001 .my-form-wrap .input-row {
margin-top: 0;
margin-bottom: 10px
}
.v1_contact_001 .my-form-wrap .input-row:nth-of-type(4) label .codedropz-upload-handler {
display: none
}
.v1_contact_001 .my-form-wrap .new-upload-box {
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;
margin-top: 6px
}
.v1_contact_001 .my-form-wrap .new-upload-box p {
color: #ada6bf
}
.v1_contact_001 .my-form-wrap .upload-btn {
position: relative;
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;
width: 125px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 2px #fff;
cursor: pointer;
margin-right: 23px;
margin-bottom: 10px
}
.v1_contact_001 .my-form-wrap .upload-btn span {
display: inline-block;
width: 2px;
height: 24px;
background-color: #fff;
-webkit-border-radius: 1px;
border-radius: 1px
}
.v1_contact_001 .my-form-wrap .upload-btn span:nth-of-type(2) {
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
color: red
}
.v1_contact_001 .my-form-wrap .tip {
margin-bottom: 33px;
color: #746992
}
.v1_contact_001 .my-form-wrap .wpcf7-submit {
width: 100%;
outline: none;
border: none!important;
background-color: #fff;
-webkit-border-radius: 29px;
border-radius: 29px;
color: #03a67b;
max-height: 50px;
padding: 14px 0;
line-height: unset;
margin: 0
}
.v1_contact_001 .my-form-wrap .dnd-upload-status .dnd-upload-details .name {
color: #746992
}
.v1_contact_001 .my-form-wrap .dnd-upload-status .dnd-upload-image {
border: 1px solid #FFF
}
.v1_contact_001 .my-form-wrap .dnd-upload-status .dnd-upload-image span {
color: #FFF
}
.v1_contact_001 .my-form-wrap .dnd-upload-status .dnd-upload-details .name em {
color: #FFF
}
.v1_contact_001 .my-form-wrap .dnd-upload-status .dnd-icon-remove.deleting {
color: #ff3232
}
.v1_contact_001 .my-form-wrap br {
display: none
}
@media (max-width: 768px) {
.v1_contact_001 .container {
display:block
}
.v1_contact_001 .left-wrap {
width: 100%;
margin: 0 auto 40px
}
.v1_contact_001 h2 {
text-align: center
}
.v1_contact_001 .desc {
text-align: center
}
.v1_contact_001 .right-wrap {
width: 100%;
margin: 0 auto
}
.v1_contact_001 h3 {
text-align: center
}
}
@media (max-width: 380px) {
.v1_contact_001 .left-wrap .icon-wrap {
max-width:80px;
max-height: 80px
}
}
.v1_contact_002 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 -10px
}
.v1_contact_002 ul li {
margin: 0 10px;
max-width: 380px;
width: 33%;
background-color: #fff;
-webkit-box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_002 ul li:hover h4 {
color: #03a67b
}
.v1_contact_002 ul li:hover a {
background-color: #03a67b
}
.v1_contact_002 ul li:hover i {
color: #FFF
}
.v1_contact_002 ul .wrap {
padding: 0 56px 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_002 ul .wrap img {
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 3px 7px 0 rgba(0,0,0,.1);
box-shadow: 0 3px 7px 0 rgba(0,0,0,.1)
}
.v1_contact_002 ul .wrap h4 {
margin-top: 10px;
color: #333
}
.v1_contact_002 ul .wrap p {
color: gray;
margin-top: 10px
}
.v1_contact_002 ul a {
height: 60px;
background-color: #e6e6e6;
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
}
.v1_contact_002 ul a i {
color: #bfbfbf
}
.v1_contact_002 .bottom-wrap {
margin-top: 110px;
position: relative
}
.v1_contact_002 .text-wrap {
background-color: #fff;
-webkit-box-shadow: 0 0 38px 0 rgba(0,0,0,.06);
box-shadow: 0 0 38px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: left
}
.v1_contact_002 .img-wrap {
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: -1
}
.v1_contact_002 .right-wrap {
margin-left: auto;
max-width: 580px;
width: 50%;
text-align: left
}
.v1_contact_002 .right-wrap .input-submit input:hover {
background: #acfcb2
}
.v1_contact_002 .text-wrap {
padding: 60px 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 10px
}
.v1_contact_002 .text-wrap p {
margin: 0
}
.v1_contact_002 .text-wrap .desc {
color: gray;
margin-top: 10px;
text-align: left
}
.v1_contact_002 .text-wrap h3 {
color: #1a1a1a
}
.v1_contact_002 .text-wrap div {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 20px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #03a67b
}
.v1_contact_002 .text-wrap i {
font-size: 30px;
margin-right: 20px
}
.v1_contact_002 .my-form-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #03a67b;
-webkit-box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 44px 0 24px 0
}
.v1_contact_002 .my-form-wrap .mml-form {
max-width: 460px;
width: 80%;
margin: 0 auto
}
.v1_contact_002 .my-form-wrap .mml-form label {
margin: 0
}
.v1_contact_002 .my-form-wrap h2 {
text-align: center;
margin-bottom: 10px;
color: #fff
}
.v1_contact_002 .my-form-wrap .desc {
font-size: 16px;
color: #746992;
text-align: center;
margin-bottom: 36px
}
.v1_contact_002 .my-form-wrap h5 {
font-size: 16px;
color: #ada6bf
}
.v1_contact_002 .my-form-wrap label input,.v1_contact_002 .my-form-wrap label textarea {
border: 1px solid rgba(255,255,255,.5);
outline: none;
min-height: 50px;
padding-left: 20px;
padding-top: 14px;
outline: none;
background-color: #03a67b;
color: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_002 .my-form-wrap .input-row {
margin-top: 0;
margin-bottom: 10px
}
.v1_contact_002 .my-form-wrap .input-row:nth-of-type(4) label .codedropz-upload-handler {
display: none
}
.v1_contact_002 .my-form-wrap .new-upload-box {
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;
margin-top: 6px
}
.v1_contact_002 .my-form-wrap .new-upload-box p {
color: #ada6bf
}
.v1_contact_002 .my-form-wrap .upload-btn {
position: relative;
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;
width: 125px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 2px #fff;
cursor: pointer;
margin-right: 23px;
margin-bottom: 10px
}
.v1_contact_002 .my-form-wrap .upload-btn span {
display: inline-block;
width: 2px;
height: 24px;
background-color: #fff;
-webkit-border-radius: 1px;
border-radius: 1px
}
.v1_contact_002 .my-form-wrap .upload-btn span:nth-of-type(2) {
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
color: red
}
.v1_contact_002 .my-form-wrap .tip {
margin-bottom: 33px;
color: #746992
}
.v1_contact_002 .my-form-wrap .wpcf7-submit {
width: 100%;
outline: none;
border: none!important;
background-color: #fff;
-webkit-border-radius: 29px;
border-radius: 29px;
color: #03a67b;
max-height: 50px;
padding: 14px 0;
line-height: unset;
margin: 0
}
.v1_contact_002 .my-form-wrap .dnd-upload-status .dnd-upload-details .name {
color: #746992
}
.v1_contact_002 .my-form-wrap .dnd-upload-status .dnd-upload-image {
border: 1px solid #FFF
}
.v1_contact_002 .my-form-wrap .dnd-upload-status .dnd-upload-image span {
color: #FFF
}
.v1_contact_002 .my-form-wrap .dnd-upload-status .dnd-upload-details .name em {
color: #FFF
}
.v1_contact_002 .my-form-wrap .dnd-upload-status .dnd-icon-remove.deleting {
color: #ff3232
}
.v1_contact_002 .my-form-wrap br {
display: none
}
@media (max-width: 768px) {
.v1_contact_002 .container {
display:block
}
.v1_contact_002 ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_contact_002 ul li {
width: calc(50% - 20px);
margin-bottom: 40px
}
.v1_contact_002 ul li:nth-last-of-type(1) {
margin-bottom: 0
}
.v1_contact_002 .bottom-wrap {
margin-top: 40px
}
.v1_contact_002 .img-wrap {
position: relative;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.v1_contact_002 .left-wrap {
width: 100%;
margin: 0 auto 40px
}
.v1_contact_002 h2 {
text-align: center
}
.v1_contact_002 .desc {
text-align: center
}
.v1_contact_002 .right-wrap {
width: 100%;
margin: 40px auto 0
}
.v1_contact_002 h3 {
text-align: center
}
}
@media (max-width: 540px) {
.v1_contact_002 ul {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_contact_002 ul li {
width: 100%
}
}
@media (max-width: 380px) {
.v1_contact_002 ul .wrap {
padding:40px 20px
}
.v1_contact_002 .left-wrap .icon-wrap {
max-width: 80px;
max-height: 80px
}
.v1_contact_002 .text-wrap {
padding: 40px 20px
}
}
.v1_contact_003 {
margin-top: 80px;
padding: 0 10px;
padding-bottom: 30px
}
.v1_contact_003 .top {
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;
text-align: left
}
.v1_contact_003 .left-wrap {
max-width: 500px;
width: 43%
}
.v1_contact_003 .left-wrap h2 {
color: #1a1a1a
}
.v1_contact_003 .left-wrap .desc {
margin-top: 20px;
margin-bottom: 48px
}
.v1_contact_003 .left-wrap li {
padding-left: 26px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-bottom: 14px
}
.v1_contact_003 .left-wrap li:nth-last-of-type(1) {
margin-bottom: 0
}
.v1_contact_003 .left-wrap li h4 {
color: #03a67b;
position: relative
}
.v1_contact_003 .left-wrap li h4::before {
display: block;
position: absolute;
left: -26px;
content: '>> '
}
.v1_contact_003 .left-wrap li p {
color: gray;
margin: 0
}
.v1_contact_003 .left-wrap .icon-wrap {
position: absolute;
left: 0;
max-width: 100px;
max-height: 100px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #fff;
-webkit-box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07)
}
.v1_contact_003 .left-wrap img {
-webkit-border-radius: 50%;
border-radius: 50%
}
.v1_contact_003 .left-wrap .text-wrap {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 20px 20px 20px 70px;
margin-left: auto;
max-width: 450px;
width: 90%;
background-color: #fff;
-webkit-box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
box-shadow: -1px 10px 27px 0 rgba(55,32,114,.07);
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_003 .left-wrap h5 {
color: #1a1a1a
}
.v1_contact_003 .right-wrap .input-submit input:hover {
background: #acfcb2
}
.v1_contact_003 .my-form-wrap {
max-width: 580px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
background-color: #03a67b;
-webkit-box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 44px 0 24px 0;
margin-left: auto
}
.v1_contact_003 .my-form-wrap .mml-form {
max-width: 460px;
width: 80%;
margin: 0 auto
}
.v1_contact_003 .my-form-wrap .mml-form label {
margin: 0
}
.v1_contact_003 .my-form-wrap h2 {
text-align: center;
margin-bottom: 10px;
color: #fff
}
.v1_contact_003 .my-form-wrap .desc {
font-size: 16px;
color: #746992;
text-align: center;
margin-bottom: 36px
}
.v1_contact_003 .my-form-wrap h5 {
font-size: 16px;
color: #ada6bf
}
.v1_contact_003 .my-form-wrap label input,.v1_contact_003 .my-form-wrap label textarea {
border: 1px solid rgba(255,255,255,.5);
outline: none;
min-height: 50px;
padding-left: 20px;
padding-top: 14px;
outline: none;
background-color: #03a67b;
color: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_003 .my-form-wrap .input-row {
margin-top: 0;
margin-bottom: 10px
}
.v1_contact_003 .my-form-wrap .input-row:nth-of-type(4) label .codedropz-upload-handler {
display: none
}
.v1_contact_003 .my-form-wrap .new-upload-box {
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;
margin-top: 6px
}
.v1_contact_003 .my-form-wrap .new-upload-box p {
color: #ada6bf
}
.v1_contact_003 .my-form-wrap .upload-btn {
position: relative;
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;
width: 125px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 2px #fff;
cursor: pointer;
margin-right: 23px;
margin-bottom: 10px
}
.v1_contact_003 .my-form-wrap .upload-btn span {
display: inline-block;
width: 2px;
height: 24px;
background-color: #fff;
-webkit-border-radius: 1px;
border-radius: 1px
}
.v1_contact_003 .my-form-wrap .upload-btn span:nth-of-type(2) {
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
color: red
}
.v1_contact_003 .my-form-wrap .tip {
margin-bottom: 33px;
color: #746992
}
.v1_contact_003 .my-form-wrap .wpcf7-submit {
width: 100%;
outline: none;
border: none!important;
background-color: #fff;
-webkit-border-radius: 29px;
border-radius: 29px;
color: #03a67b;
max-height: 50px;
padding: 14px 0;
line-height: unset;
margin: 0
}
.v1_contact_003 .my-form-wrap .dnd-upload-status .dnd-upload-details .name {
color: #746992
}
.v1_contact_003 .my-form-wrap .dnd-upload-status .dnd-upload-image {
border: 1px solid #FFF
}
.v1_contact_003 .my-form-wrap .dnd-upload-status .dnd-upload-image span {
color: #FFF
}
.v1_contact_003 .my-form-wrap .dnd-upload-status .dnd-upload-details .name em {
color: #FFF
}
.v1_contact_003 .my-form-wrap .dnd-upload-status .dnd-icon-remove.deleting {
color: #ff3232
}
.v1_contact_003 .my-form-wrap br {
display: none
}
.v1_contact_003 .bottom {
position: relative;
padding: 50px 10px;
margin-top: 80px
}
.v1_contact_003 .bottom .bg {
position: absolute;
left: 0;
top: 0;
max-width: 1550px;
width: 81%;
height: 100%;
background-color: #fafafa;
z-index: -1
}
.v1_contact_003 .bottom .container {
text-align: left
}
.v1_contact_003 .bottom h2 {
color: #333
}
.v1_contact_003 .bottom ul {
margin-top: 30px
}
.v1_contact_003 .bottom li {
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;
margin-bottom: 20px;
color: #333
}
.v1_contact_003 .bottom li:nth-last-of-type(1) {
margin-bottom: 0
}
.v1_contact_003 .bottom i {
color: #03a67b;
font-size: 20px;
margin-right: 20px
}
@media (max-width: 768px) {
.v1_contact_003 .container {
display:block
}
.v1_contact_003 .left-wrap {
width: 100%;
margin: 0 auto 40px
}
.v1_contact_003 h2 {
text-align: center
}
.v1_contact_003 .desc {
text-align: center
}
.v1_contact_003 .right-wrap {
width: 100%;
margin: 0 auto
}
.v1_contact_003 h3 {
text-align: center
}
.v1_contact_003 .bottom {
background-color: #fafafa
}
.v1_contact_003 .bottom .bg {
display: none
}
}
@media (max-width: 380px) {
.v1_contact_003 .left-wrap .icon-wrap {
max-width:80px;
max-height: 80px
}
}
.v1_contact_004 .top h2 {
color: #1a1a1a
}
.v1_contact_004 .top .desc {
color: gray;
max-width: 960px;
width: 82%;
margin: 20px auto 0
}
.v1_contact_004 .top .slicker {
margin-top: 30px
}
.v1_contact_004 .top .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 38px
}
.v1_contact_004 .top .slick-active button {
width: 50px;
background-color: #03a67b
}
.v1_contact_004 .top .slick-slide {
margin: 0 5px
}
.v1_contact_004 .bottom {
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;
text-align: left;
margin-top: 80px
}
.v1_contact_004 .bottom .left-wrap {
max-width: 580px;
width: 50%;
margin-right: 10px
}
.v1_contact_004 .bottom .left-wrap h3 {
color: #1a1a1a
}
.v1_contact_004 .bottom .left-wrap ul {
margin-top: 20px
}
.v1_contact_004 .bottom .left-wrap li {
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;
margin-bottom: 10px;
color: #333
}
.v1_contact_004 .bottom .left-wrap li:nth-last-of-type(1) {
margin-bottom: 0
}
.v1_contact_004 .bottom .left-wrap i {
color: #03a67b;
font-size: 20px;
margin-right: 20px
}
.v1_contact_004 .bottom .left-wrap .img-wrap {
margin-top: 40px;
position: relative;
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
}
.v1_contact_004 .bottom .left-wrap .text-wrap {
position: absolute;
background-color: rgba(111,237,188,.5);
padding: 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
max-width: 500px;
width: 87%;
box-sizing: border-box
}
.v1_contact_004 .bottom .left-wrap .text-wrap h3 {
-webkit-border-radius: 4px;
border-radius: 4px;
margin-bottom: 20px;
color: #038764
}
.v1_contact_004 .bottom .left-wrap .text-wrap div {
color: #038764;
border-bottom: 1px solid #66d9ad;
padding-bottom: 4px;
margin-bottom: 8px
}
.v1_contact_004 .bottom .right-wrap .input-submit input:hover {
background: #acfcb2
}
.v1_contact_004 .bottom .my-form-wrap {
max-width: 580px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 50%;
background-color: #03a67b;
-webkit-box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
box-shadow: 0 30px 40px 0 rgba(104,90,86,.1);
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 44px 0 24px 0;
margin-left: auto
}
.v1_contact_004 .bottom .my-form-wrap .mml-form {
max-width: 460px;
width: 80%;
margin: 0 auto
}
.v1_contact_004 .bottom .my-form-wrap .mml-form label {
margin: 0
}
.v1_contact_004 .bottom .my-form-wrap h2 {
text-align: center;
margin-bottom: 10px;
color: #fff
}
.v1_contact_004 .bottom .my-form-wrap .desc {
font-size: 16px;
color: #746992;
text-align: center;
margin-bottom: 36px
}
.v1_contact_004 .bottom .my-form-wrap h5 {
font-size: 16px;
color: #ada6bf
}
.v1_contact_004 .bottom .my-form-wrap label input,.v1_contact_004 .bottom .my-form-wrap label textarea {
border: 1px solid rgba(255,255,255,.5);
outline: none;
min-height: 50px;
padding-left: 20px;
padding-top: 14px;
outline: none;
background-color: #03a67b;
color: #FFF;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_004 .bottom .my-form-wrap .input-row {
margin-top: 0;
margin-bottom: 10px
}
.v1_contact_004 .bottom .my-form-wrap .input-row:nth-of-type(4) label .codedropz-upload-handler {
display: none
}
.v1_contact_004 .bottom .my-form-wrap .new-upload-box {
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;
margin-top: 6px
}
.v1_contact_004 .bottom .my-form-wrap .new-upload-box p {
color: #ada6bf
}
.v1_contact_004 .bottom .my-form-wrap .upload-btn {
position: relative;
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;
width: 125px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 2px #fff;
cursor: pointer;
margin-right: 23px;
margin-bottom: 10px
}
.v1_contact_004 .bottom .my-form-wrap .upload-btn span {
display: inline-block;
width: 2px;
height: 24px;
background-color: #fff;
-webkit-border-radius: 1px;
border-radius: 1px
}
.v1_contact_004 .bottom .my-form-wrap .upload-btn span:nth-of-type(2) {
-webkit-transform: translateX(-50%) rotate(90deg);
-ms-transform: translateX(-50%) rotate(90deg);
transform: translateX(-50%) rotate(90deg);
color: red
}
.v1_contact_004 .bottom .my-form-wrap .tip {
margin-bottom: 33px;
color: #746992
}
.v1_contact_004 .bottom .my-form-wrap .wpcf7-submit {
width: 100%;
outline: none;
border: none!important;
background-color: #fff;
-webkit-border-radius: 29px;
border-radius: 29px;
color: #03a67b;
max-height: 50px;
padding: 14px 0;
line-height: unset;
margin: 0
}
.v1_contact_004 .bottom .my-form-wrap .dnd-upload-status .dnd-upload-details .name {
color: #746992
}
.v1_contact_004 .bottom .my-form-wrap .dnd-upload-status .dnd-upload-image {
border: 1px solid #FFF
}
.v1_contact_004 .bottom .my-form-wrap .dnd-upload-status .dnd-upload-image span {
color: #FFF
}
.v1_contact_004 .bottom .my-form-wrap .dnd-upload-status .dnd-upload-details .name em {
color: #FFF
}
.v1_contact_004 .bottom .my-form-wrap .dnd-upload-status .dnd-icon-remove.deleting {
color: #ff3232
}
.v1_contact_004 .bottom .my-form-wrap br {
display: none
}
@media (max-width: 768px) {
.v1_contact_004 .container {
display:block
}
.v1_contact_004 .bottom .left-wrap {
width: 100%;
margin: 0 auto 40px
}
.v1_contact_004 .bottom h2 {
text-align: center
}
.v1_contact_004 .bottom .desc {
text-align: center
}
.v1_contact_004 .bottom .right-wrap {
width: 100%;
margin: 0 auto
}
.v1_contact_004 .bottom h3 {
text-align: left
}
}
@media (max-width: 500px) {
.v1_contact_004 .bottom .left-wrap .text-wrap {
padding:20px
}
}
.v1_contact_005 .box {
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;
margin-top: 40px
}
.v1_contact_005 .mml-form {
max-width: 580px;
width: 50%;
padding: 50px;
margin-right: 20px;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_005 .mml-form label {
text-align: left;
-webkit-transition: color .24s;
-o-transition: color .24s;
transition: color .24s
}
.v1_contact_005 .mml-form label.focus {
color: #05f0b1
}
.v1_contact_005 .mml-form input:not([type="submit"]),.v1_contact_005 .mml-form textarea {
-webkit-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
outline: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.v1_contact_005 .mml-form input:not([type="submit"]):focus,.v1_contact_005 .mml-form input:not([type="submit"]):active,.v1_contact_005 .mml-form textarea:focus,.v1_contact_005 .mml-form textarea:active {
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_005 .mml-form input[type="submit"] {
width: 100%;
-webkit-border-radius: 29px;
border-radius: 29px
}
.v1_contact_005 .mml-form div.wpcf7 .ajax-loader {
position: absolute;
right: 0;
top: 0
}
.v1_contact_005 .info {
max-width: 530px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 0 0 auto;
text-align: left
}
.v1_contact_005 .info .item {
border-bottom: 1px solid #e6e6e6;
padding: 10px 0
}
.v1_contact_005 .info h5 {
margin-bottom: 10px
}
.v1_contact_005 .info 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
}
.v1_contact_005 .info ul li {
position: relative;
max-width: 330px;
padding: 5px 25px 5px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_005 .info ul i {
position: absolute;
left: 0;
top: 7px;
font-size: 20px
}
@media screen and (max-width: 880px) {
.v1_contact_005 .box {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_contact_005 .mml-form {
width: 100%;
margin: 0 auto 30px
}
.v1_contact_005 .info {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 0 auto
}
}
.v1_contact_006 .list .item {
background-color: #fff;
-webkit-box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 10px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px;
text-align: left;
overflow: hidden
}
.v1_contact_006 .list .item .desc {
padding: 30px 40px
}
.v1_contact_006 .list .item ul {
margin-top: 20px
}
.v1_contact_006 .list .item ul li {
position: relative;
padding-left: 32px;
margin-bottom: 5px
}
.v1_contact_006 .list .item ul i {
position: absolute;
left: 0;
top: 2px;
font-size: 20px
}
.v1_contact_006 .list .item .link {
display: block;
width: 100%;
height: 60px;
line-height: 60px;
text-align: center
}
.v1_contact_006 .mml-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 60px 0
}
.v1_contact_006 .mml-box .info {
max-width: 540px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin-right: 20px;
text-align: left
}
.v1_contact_006 .mml-box .info .ppl {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_contact_006 .mml-box .info .ppl .img {
max-width: 127px
}
.v1_contact_006 .mml-box .info .ppl .img h5 {
color: #1a1a1a;
text-align: center;
font-size: 14px;
padding-top: 5px
}
.v1_contact_006 .mml-box .info .ppl h4 {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
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;
color: #1a1a1a;
background-color: #ecf3f5;
padding: 50px 35px
}
.v1_contact_006 .mml-box .mml-form {
max-width: 580px;
width: 50%;
padding: 50px;
margin: 0 0 0 auto;
-webkit-border-radius: 5px;
border-radius: 5px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_006 .mml-box .mml-form label {
text-align: left;
-webkit-transition: color .24s;
-o-transition: color .24s;
transition: color .24s
}
.v1_contact_006 .mml-box .mml-form label.focus {
color: #05f0b1
}
.v1_contact_006 .mml-box .mml-form input:not([type="submit"]),.v1_contact_006 .mml-box .mml-form textarea {
-webkit-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
outline: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.v1_contact_006 .mml-box .mml-form input:not([type="submit"]):focus,.v1_contact_006 .mml-box .mml-form input:not([type="submit"]):active,.v1_contact_006 .mml-box .mml-form textarea:focus,.v1_contact_006 .mml-box .mml-form textarea:active {
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_006 .mml-box .mml-form input[type="submit"] {
width: 100%;
-webkit-border-radius: 29px;
border-radius: 29px
}
.v1_contact_006 .mml-box .mml-form div.wpcf7 .ajax-loader {
position: absolute;
right: 0;
top: 0
}
.v1_contact_006 .mml-adv {
text-align: left
}
.v1_contact_006 .mml-adv .adv {
margin-top: 80px
}
.v1_contact_006 .mml-adv .adv li {
position: relative;
background-color: #fff;
-webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 50px 20px 30px;
text-align: center
}
.v1_contact_006 .mml-adv .adv .icon {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
width: 80px;
height: 80px;
line-height: 80px;
background-color: #fff;
-webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
@media screen and (max-width: 890px) {
.v1_contact_006 .mml-adv .adv li {
margin-bottom:60px
}
}
@media screen and (max-width: 880px) {
.v1_contact_006 .mml-box .info {
width:100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 0 auto 30px
}
.v1_contact_006 .mml-box .mml-form {
width: 100%;
margin: 0 auto
}
}
.v1_contact_007 .mml-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 40px -10px 0
}
.v1_contact_007 .mml-form {
max-width: 580px;
width: calc(50% - 20px);
margin: 0 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 50px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_007 .mml-form label {
text-align: left;
-webkit-transition: color .24s;
-o-transition: color .24s;
transition: color .24s
}
.v1_contact_007 .mml-form label.focus {
color: #05f0b1
}
.v1_contact_007 .mml-form input:not([type="submit"]),.v1_contact_007 .mml-form textarea {
-webkit-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
outline: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.v1_contact_007 .mml-form input:not([type="submit"]):focus,.v1_contact_007 .mml-form input:not([type="submit"]):active,.v1_contact_007 .mml-form textarea:focus,.v1_contact_007 .mml-form textarea:active {
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_007 .mml-form input[type="submit"] {
width: 100%;
-webkit-border-radius: 29px;
border-radius: 29px
}
.v1_contact_007 .mml-form div.wpcf7 .ajax-loader {
position: absolute;
right: 0;
top: 0
}
.v1_contact_007 .faq-wrap {
max-width: 580px;
width: calc(50% - 20px);
margin: 0 10px;
text-align: left
}
.v1_contact_007 .faq-wrap .mml-faq {
margin-top: 40px
}
.v1_contact_007 .faq-wrap .mml-faq-item {
-webkit-box-shadow: 0 0 13px 0 rgba(0,0,0,.09);
box-shadow: 0 0 13px 0 rgba(0,0,0,.09);
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #e5e5e5;
background-color: #fff
}
.v1_contact_007 .faq-wrap .mml-faq-item::before,.v1_contact_007 .faq-wrap .mml-faq-item::after {
display: none
}
.v1_contact_007 .faq-wrap .mml-faq-item.active .mml-faq-item-hd i {
color: #fff;
background-color: #b0b0b0
}
.v1_contact_007 .faq-wrap .mml-faq-item .mml-faq-item-hd {
padding: 30px 0 30px 30px
}
.v1_contact_007 .faq-wrap .mml-faq-item .mml-faq-item-hd .number {
display: none
}
.v1_contact_007 .faq-wrap .mml-faq-item .mml-faq-item-hd .title {
padding: 0 90px 0 0
}
.v1_contact_007 .faq-wrap .mml-faq-item .mml-faq-item-hd i {
top: 30px;
right: 20px;
width: 36px;
height: 36px;
line-height: 36px;
-webkit-border-radius: 50%;
border-radius: 50%;
color: #b0b0b0;
font-size: 14px
}
.v1_contact_007 .faq-wrap .mml-faq-item .mml-faq-item-bd {
padding: 0 90px 30px 30px
}
@media screen and (max-width: 880px) {
.v1_contact_007 .mml-box {
margin:40px 0 0
}
.v1_contact_007 .mml-form {
width: 100%;
margin: 10px auto
}
.v1_contact_007 .faq-wrap {
width: 100%;
margin: 10px auto
}
}
.v1_contact_008 .mml-box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 70px -10px 0
}
.v1_contact_008 .mml-form {
max-width: 580px;
width: calc(50% - 20px);
margin: 0 10px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 50px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_008 .mml-form label {
text-align: left;
-webkit-transition: color .24s;
-o-transition: color .24s;
transition: color .24s
}
.v1_contact_008 .mml-form label.focus {
color: #05f0b1
}
.v1_contact_008 .mml-form input:not([type="submit"]),.v1_contact_008 .mml-form textarea {
-webkit-border-radius: 5px;
border-radius: 5px;
border-width: 1px;
border-style: solid;
outline: 1px solid transparent;
-webkit-box-shadow: none;
box-shadow: none
}
.v1_contact_008 .mml-form input:not([type="submit"]):focus,.v1_contact_008 .mml-form input:not([type="submit"]):active,.v1_contact_008 .mml-form textarea:focus,.v1_contact_008 .mml-form textarea:active {
-webkit-border-radius: 5px;
border-radius: 5px
}
.v1_contact_008 .mml-form input[type="submit"] {
width: 100%;
-webkit-border-radius: 29px;
border-radius: 29px
}
.v1_contact_008 .mml-form div.wpcf7 .ajax-loader {
position: absolute;
right: 0;
top: 0
}
.v1_contact_008 .info {
position: relative;
max-width: 580px;
width: calc(50% - 20px);
margin: 0 10px;
padding-top: 40px;
text-align: left
}
.v1_contact_008 .info::before {
position: absolute;
top: 50%;
right: 50px;
z-index: -1;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: block;
content: '';
background-color: #fafafa;
width: 200%;
height: 78%
}
.v1_contact_008 .list {
margin-bottom: 40px
}
.v1_contact_008 .list li {
position: relative;
padding-left: 40px;
margin: 10px 0
}
.v1_contact_008 .list i {
position: absolute;
left: 0;
top: 2px
}
.v1_contact_008 .mml-img {
position: relative;
max-width: 580px
}
.v1_contact_008 .detail {
position: absolute;
top: 50px;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
z-index: 2;
max-width: 500px;
width: 95%;
padding: 30px 40px 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_contact_008 .detail h4 {
margin-bottom: 10px
}
.v1_contact_008 .detail li:not(:first-child) {
padding: 5px 0;
border-bottom: 1px solid #66d9ad
}
@media screen and (max-width: 880px) {
.v1_contact_008 .mml-box {
margin:70px 0 0
}
.v1_contact_008 .info {
width: 100%;
margin: 0 auto 30px
}
.v1_contact_008 .mml-form {
width: 100%;
margin: 0 auto
}
}
@media screen and (max-width: 500px) {
.v1_contact_008 .detail {
position:relative;
top: 0;
width: 100%;
margin: 0 auto
}
}
.v1_feature_001 h2 {
color: #000
}
.v1_feature_001 .desc {
color: #000
}
.v1_feature_001 .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 30px -10px 0
}
.v1_feature_001 .wrap-item {
width: calc(50% - 20px);
text-align: left;
margin: 0 10px
}
.v1_feature_001 .wrap-item p {
margin-top: 30px;
color: #000
}
.v1_feature_001 h3 {
color: #000
}
@media (max-width: 500px) {
.v1_feature_001 .wrap {
display:block;
margin: 30px 0 0
}
.v1_feature_001 .wrap-item {
width: 100%;
margin: 0 0 40px
}
.v1_feature_001 .wrap-item:nth-last-of-type(1) {
margin-bottom: 0
}
}
.v1_feature_003 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_003 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_003 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_003 .left-wrap h2 {
color: #000
}
.v1_feature_003 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_003 .left-wrap .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_feature_003 .left-wrap .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_003 .left-wrap .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_003 .left-wrap .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
.v1_feature_003 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%;
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;
text-align: left;
position: relative;
background-color: #00a978
}
.v1_feature_003 .right-wrap::before {
position: absolute;
content: '';
width: 100%;
height: 100%;
background-color: #00a978;
padding: 20px 0;
z-index: -1
}
.v1_feature_003 .right-wrap .text-wrap {
max-width: 414px;
width: 87%;
color: #FFF
}
.v1_feature_003 .right-wrap .man {
margin-top: 60px;
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
}
.v1_feature_003 .right-wrap p {
font-size: 24px
}
.v1_feature_003 .right-wrap i {
margin-right: 18px;
font-size: 78px
}
.v1_feature_003 .right-wrap span {
font-size: 24px
}
@media (max-width: 768px) {
.v1_feature_003 .container {
display:block
}
.v1_feature_003 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_003 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_003 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_003 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_003 .right-wrap {
margin-top: 0
}
}
.v1_feature_004 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_004 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_004 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_004 .left-wrap h2 {
color: #000
}
.v1_feature_004 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_004 .left-wrap .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_feature_004 .left-wrap .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_004 .left-wrap .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_004 .left-wrap .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
.v1_feature_004 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_004 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_004 .container {
display:block
}
.v1_feature_004 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_004 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_004 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_004 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_004 .right-wrap {
margin-top: 0
}
}
.v1_feature_005 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_005 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_005 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_005 .left-wrap h2 {
color: #000
}
.v1_feature_005 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_005 .left-wrap .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_feature_005 .left-wrap .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_005 .left-wrap .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_005 .left-wrap .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
.v1_feature_005 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_005 .right-wrap li {
position: relative;
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
}
.v1_feature_005 .right-wrap a {
position: absolute
}
.v1_feature_005 .right-wrap i {
font-size: 63px;
color: #fff
}
.v1_feature_005 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_005 .container {
display:block
}
.v1_feature_005 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_005 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_005 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_005 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_005 .right-wrap {
margin-top: 0
}
}
.v1_feature_007 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_007 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_007 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_007 .left-wrap h2 {
color: #000
}
.v1_feature_007 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_007 .left-wrap .icon-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
color: #00a978
}
.v1_feature_007 .left-wrap .icon-wrap i {
margin-right: 50px;
font-size: 70px
}
.v1_feature_007 .left-wrap .icon-wrap i:nth-last-of-type(1) {
margin-right: 0
}
.v1_feature_007 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_007 .right-wrap li {
position: relative;
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
}
.v1_feature_007 .right-wrap a {
position: absolute
}
.v1_feature_007 .right-wrap i {
font-size: 63px;
color: #fff
}
.v1_feature_007 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_007 .container {
display:block
}
.v1_feature_007 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_007 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_007 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_007 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_007 .left-wrap .icon-wrap i {
font-size: 40px!important;
margin-right: 20px!important
}
.v1_feature_007 .left-wrap .icon-wrap i:nth-last-of-type(1) {
margin-right: 0!important
}
.v1_feature_007 .right-wrap {
margin-top: 0
}
}
.v1_feature_006 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_006 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_006 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_006 .left-wrap h2 {
color: #000
}
.v1_feature_006 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_006 .left-wrap .icon-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
color: #00a978
}
.v1_feature_006 .left-wrap .icon-wrap i {
margin-right: 50px;
font-size: 70px
}
.v1_feature_006 .left-wrap .icon-wrap i:nth-last-of-type(1) {
margin-right: 0
}
.v1_feature_006 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_006 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_006 .container {
display:block
}
.v1_feature_006 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_006 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_006 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_006 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_006 .left-wrap .icon-wrap i {
font-size: 40px;
margin-right: 20px
}
.v1_feature_006 .left-wrap .icon-wrap i:nth-last-of-type(1) {
margin-right: 0
}
.v1_feature_006 .right-wrap {
margin-top: 0
}
}
.v1_feature_008 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_008 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_008 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_008 .left-wrap h2 {
color: #000
}
.v1_feature_008 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_008 .left-wrap ul {
margin-top: 33px
}
.v1_feature_008 .left-wrap ul li {
margin-bottom: 18px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-size: 16px;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.v1_feature_008 .left-wrap ul i {
margin-right: 10px;
color: #00a978
}
.v1_feature_008 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_008 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_008 .container {
display:block
}
.v1_feature_008 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_008 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_008 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_008 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_008 .right-wrap {
margin-top: 0
}
}
.v1_feature_041 .item {
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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_041 .info {
max-width: 680px;
width: 58%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-right: 20px;
text-align: left
}
.v1_feature_041 .list {
max-width: 500px
}
.v1_feature_041 .list:not([class*=mml-cols]) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_041 .list:not([class*=mml-cols]) li {
margin: 5px 20px 5px 0
}
.v1_feature_041 .list li {
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;
margin: 5px 10px
}
.v1_feature_041 .list i,.v1_feature_041 .list img {
margin-right: 10px
}
.v1_feature_041 .mml-img {
max-width: 480px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.v1_feature_041 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px
}
.v1_feature_041 .slicker-nav {
margin: 50px -10px 0
}
.v1_feature_041 .slicker-nav .slick-slide {
max-width: 280px;
margin: 0 10px
}
.v1_feature_041 .slicker-nav li {
cursor: pointer
}
@media screen and (max-width: 800px) {
.v1_feature_041 .info {
width:100%;
margin: 0 auto 30px
}
.v1_feature_041 .mml-img {
width: 100%;
margin: 0 auto;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.v1_feature_041 .slicker-nav {
display: none
}
.v1_feature_041 .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px
}
}
.v1_feature_042 .item {
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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_042 .info {
max-width: 680px;
width: 58%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-right: 20px;
text-align: left
}
.v1_feature_042 .list {
max-width: 500px
}
.v1_feature_042 .list:not([class*=mml-cols]) {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_042 .list:not([class*=mml-cols]) li {
margin: 5px 20px 5px 0
}
.v1_feature_042 .list li {
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;
margin: 5px 10px
}
.v1_feature_042 .list i,.v1_feature_042 .list img {
margin-right: 10px
}
.v1_feature_042 .mml-img {
max-width: 480px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.v1_feature_042 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px
}
.v1_feature_042 .slicker-nav {
margin: 50px -10px 0
}
.v1_feature_042 .slicker-nav .slick-slide {
max-width: 280px;
margin: 0 10px
}
.v1_feature_042 .slicker-nav li {
cursor: pointer
}
@media screen and (max-width: 800px) {
.v1_feature_042 .info {
width:100%;
margin: 0 auto 30px
}
.v1_feature_042 .mml-img {
width: 100%;
margin: 0 auto;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
.v1_feature_042 .slicker-nav {
display: none
}
.v1_feature_042 .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 30px
}
}
.v1_feature_063 .slick-arrow {
top: unset;
bottom: -90px;
width: 50px;
height: 50px;
background-color: #000;
opacity: .2;
-webkit-border-radius: 5px;
border-radius: 5px;
line-height: 50px;
text-align: center;
-webkit-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
cursor: pointer
}
.v1_feature_063 .slick-arrow i {
color: #fff
}
.v1_feature_063 .slick-arrow.arrow-prev {
left: 45%
}
.v1_feature_063 .slick-arrow.arrow-next {
right: 45%
}
.v1_feature_063 .slick-arrow:hover {
opacity: 1
}
@media (max-width: 1000px) {
.v1_feature_063 .slick-arrow.arrow-prev {
left:42%
}
.v1_feature_063 .slick-arrow.arrow-next {
right: 42%
}
}
@media (max-width: 680px) {
.v1_feature_063 .slick-arrow.arrow-prev {
left:40%
}
.v1_feature_063 .slick-arrow.arrow-next {
right: 40%
}
}
@media (max-width: 540px) {
.v1_feature_063 ul.list {
max-width:380px;
margin: 0 auto
}
.v1_feature_063 .slick-arrow.arrow-prev {
left: 30%
}
.v1_feature_063 .slick-arrow.arrow-next {
right: 30%
}
}
.v1_feature_065 h2 {
color: #000;
margin-bottom: 50px
}
.v1_feature_065 h3 {
color: #5f6776
}
.v1_feature_065 p {
color: #000
}
.v1_feature_065 span {
color: #000
}
@media (max-width: 540px) {
.v1_feature_065 h2 {
margin-bottom:20px
}
.v1_feature_065 .btns {
margin: 20px auto 0
}
}
.v1_feature_071 {
position: relative
}
.v1_feature_071::before {
position: absolute;
left: 0;
bottom: 0;
z-index: -1;
display: block;
content: '';
width: 61%;
height: 60%;
background-color: #eaeef3
}
.v1_feature_071 .container {
max-width: 1400px;
width: 100%;
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
}
.v1_feature_071 .mml-img {
max-width: 492px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
.v1_feature_071 .info {
max-width: 500px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 20px;
text-align: left
}
.v1_feature_071 .btns {
margin-top: 60px
}
.v1_feature_071 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border: solid 1px #5f6776
}
.v1_feature_071 .thumb {
max-width: 200px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content
}
@media screen and (max-width: 880px) {
.v1_feature_071 .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
}
.v1_feature_071 .mml-img {
width: 100%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 0 auto 30px
}
.v1_feature_071 .info {
width: 70%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto;
margin: 0 5%
}
.v1_feature_071 .thumb {
width: 20%;
-webkit-box-flex: 1;
-webkit-flex: auto;
-ms-flex: auto;
flex: auto
}
}
.v1_feature_072 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 1200px;
max-width: 100%
}
.v1_feature_072 .cat-sidebar {
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-right: 10px;
margin-left: 10px;
width: 280px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left
}
.v1_feature_072 .cat-sidebar h4 {
padding: 15px 10px;
text-align: center
}
.v1_feature_072 .cat-menus {
border: 1px solid #d6d6d6;
border-top: none
}
.v1_feature_072 .cat-menus li {
position: relative
}
.v1_feature_072 .cat-menus>.mml-active>.cat-item {
color: #03a57b;
background-color: #f5f5f5
}
.v1_feature_072 .mml-active>.cat-submenu {
height: unset;
padding: 10px 0 10px 20px
}
.v1_feature_072 .mml-active .fa-chevron-right {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
color: #03a57b
}
.v1_feature_072 .cat-item {
position: relative;
padding: 15px 40px 15px 20px;
display: inline-block;
width: 100%;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_feature_072 i {
position: absolute;
right: 10px;
top: 18px;
z-index: 2;
cursor: pointer
}
.v1_feature_072 .cat-submenu {
padding: 0 0 0 20px;
height: 0;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
overflow: hidden
}
.v1_feature_072 .cat-submenu .cat-item {
padding: 4px 20px
}
.v1_feature_072 .cat-main {
max-width: 900px;
width: 75%
}
.v1_feature_072 .blk {
text-align: left
}
.v1_feature_072 .blk:not(:last-child) {
margin-bottom: 50px
}
.v1_feature_072 .tit {
margin: 0 10px 20px
}
.v1_feature_072 .swiper-slide {
max-width: 280px;
width: calc(33.33% - 20px)!important;
margin: 0 10px;
text-align: center
}
.v1_feature_072 .swiper-slide h4 {
margin-top: 10px
}
.v1_feature_072 .swiper-slide.swiper-slide-active h4 {
color: #03a57b
}
@media (max-width: 880px) {
.v1_feature_072 .cat-sidebar {
width:100%;
margin: 0 auto 30px
}
.v1_feature_072 .cat-main {
width: 100%;
margin: 0 auto
}
}
@media (max-width: 600px) {
.v1_feature_072 .swiper-slide {
width:calc(50% - 20px)!important
}
}
.v1_feature_081 .tit {
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;
margin-bottom: 40px;
text-align: left
}
.v1_feature_081 .tit h2 {
max-width: 580px;
width: 50%;
margin-right: 20px
}
.v1_feature_081 .tit p {
max-width: 500px;
width: 45%
}
.v1_feature_081 .mml-box {
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
}
.v1_feature_081 .mml-slider {
max-width: 580px;
width: 50%;
text-align: left;
margin-right: 20px
}
.v1_feature_081 .mml-slider>li {
border-bottom: 1px solid #eaeaea
}
.v1_feature_081 .mml-slider .mml-active .question i.fa-plus {
display: none
}
.v1_feature_081 .mml-slider .mml-active .question i.fa-minus {
display: inline-block
}
.v1_feature_081 .mml-slider .mml-active .answer {
height: unset;
padding: 0 0 10px
}
.v1_feature_081 .question {
position: relative;
padding: 10px 0;
color: #333;
cursor: pointer
}
.v1_feature_081 .question i {
position: absolute;
right: 0;
top: 10px;
font-size: 18px
}
.v1_feature_081 .question i.fa-minus {
display: none
}
.v1_feature_081 .answer {
height: 0;
padding: 0;
overflow: hidden;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
color: #666
}
.v1_feature_081 .slicker {
position: relative;
max-width: 500px;
width: 45%
}
.v1_feature_081 .slicker .slick-arrow {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
font-size: 20px;
cursor: pointer
}
.v1_feature_081 .slicker .slick-arrow.btn-l {
left: 10px
}
.v1_feature_081 .slicker .slick-arrow.btn-r {
right: 10px
}
.v1_feature_081 .btns {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 100px
}
.v1_feature_081 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px
}
@media screen and (max-width: 800px) {
.v1_feature_081 .tit h2 {
width:100%;
max-width: 100%;
margin: 0 0 10px
}
.v1_feature_081 .tit p {
width: 100%;
max-width: 100%
}
.v1_feature_081 .mml-slider {
width: 100%;
margin: 0 auto 30px
}
.v1_feature_081 .slicker {
width: 100%;
margin: 0 auto
}
.v1_feature_081 .btns {
margin-top: 40px
}
}
.v1_feature_082 .mml-box {
margin-top: 40px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_082 .naver {
max-width: 280px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
padding: 30px;
margin-top: 30px;
margin-right: 20px;
background-color: #fff;
-webkit-box-shadow: 4px 7px 13px 0 rgba(0,0,0,.09);
box-shadow: 4px 7px 13px 0 rgba(0,0,0,.09);
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_feature_082 .naver li {
position: relative;
display: inline-block;
padding: 5px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
cursor: pointer
}
.v1_feature_082 .naver li::before {
position: absolute;
left: 0;
bottom: 0;
display: block;
content: '';
width: 0;
height: 2px;
background-color: #2d72da;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v1_feature_082 .naver li:not(:last-child) {
margin-bottom: 10px
}
.v1_feature_082 .tab-wrap {
max-width: 780px;
width: 70%;
margin: 0 0 0 auto
}
.v1_feature_082 .tab-ct:not(:first-child) {
display: none
}
.v1_feature_082 .tab-ct .desc {
position: relative;
z-index: 2;
max-width: 680px;
width: 95%;
background-color: #fff;
margin: -80px 0 0 auto;
padding: 30px 60px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.v1_feature_082 .btns {
margin-top: 50px
}
.v1_feature_082 .btn {
-webkit-border-radius: 5px;
border-radius: 5px;
border-style: solid;
border-width: 1px
}
@media screen and (max-width: 800px) {
.v1_feature_082 .naver {
width:100%;
max-width: 100%;
margin: 0 auto 30px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset
}
.v1_feature_082 .naver li {
margin-right: 20px
}
.v1_feature_082 .tab-wrap {
width: 100%;
margin: 0 auto
}
}
.v1_feature_083 .mml-box {
margin-top: 60px
}
.v1_feature_083 .tit {
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;
text-align: left;
margin: 0 0 25px
}
.v1_feature_083 .tit h4 {
max-width: 500px;
width: 45%
}
.v1_feature_083 .list {
text-align: left
}
.v1_feature_083 .list li {
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 10px 0
}
.v1_feature_083 .list i {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
font-size: 31px
}
.v1_feature_083 .list .item {
max-width: 500px;
width: 45%;
padding: 20px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
-webkit-box-shadow: 0 4px 7px 0 rgba(0,0,0,.09);
box-shadow: 0 4px 7px 0 rgba(0,0,0,.09)
}
@media screen and (max-width: 520px) {
.v1_feature_083 .list .item {
padding:15px
}
.v1_feature_083 .list i {
font-size: 26px
}
}
.v1_feature_084 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_084 .left-wrap {
max-width: 440px;
width: 38%;
text-align: left;
margin-right: 30px;
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_084 .left-wrap span {
color: #03a67b;
font-size: 20px;
display: block
}
.v1_feature_084 .left-wrap h2 {
color: #000
}
.v1_feature_084 .left-wrap p {
color: gray;
margin-top: 10px
}
.v1_feature_084 .left-wrap p:nth-of-type(1) {
margin-top: 30px
}
.v1_feature_084 .left-wrap .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_feature_084 .left-wrap .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_084 .left-wrap .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_084 .left-wrap .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
.v1_feature_084 .right-wrap {
margin-left: auto;
width: 50%;
max-width: 580px
}
.v1_feature_084 .right-wrap ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.v1_feature_084 .right-wrap li {
width: calc(50% - 20px);
max-width: 280px;
margin: 0 10px 50px
}
.v1_feature_084 .right-wrap li:nth-of-type(3),.v1_feature_084 .right-wrap li:nth-of-type(4) {
margin-bottom: 0
}
.v1_feature_084 .right-wrap h5 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 0 8px;
color: #333;
margin-top: 10px
}
@media (max-width: 1024px) {
.v1_feature_084 .left-wrap {
width:45%
}
}
@media (max-width: 768px) {
.v1_feature_084 .container {
display:block
}
.v1_feature_084 .left-wrap {
width: 100%!important;
max-width: 100%
}
.v1_feature_084 .right-wrap {
width: 100%;
max-width: 580px;
margin: 20px auto 0
}
}
@media (max-width: 430px) {
.v1_feature_084 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_084 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
}
.v1_feature_085 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse
}
.v1_feature_085 .left-wrap {
max-width: 440px;
width: 38%;
text-align: left;
margin-right: 30px;
padding: 20px 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: auto
}
.v1_feature_085 .left-wrap span {
color: #03a67b;
font-size: 20px;
display: block
}
.v1_feature_085 .left-wrap h2 {
color: #000
}
.v1_feature_085 .left-wrap p {
color: gray;
margin-top: 10px
}
.v1_feature_085 .left-wrap p:nth-of-type(1) {
margin-top: 30px
}
.v1_feature_085 .left-wrap .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_feature_085 .left-wrap .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_085 .left-wrap .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_085 .left-wrap .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
.v1_feature_085 .right-wrap {
width: 50%;
max-width: 580px
}
.v1_feature_085 .right-wrap ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.v1_feature_085 .right-wrap li {
width: calc(50% - 20px);
max-width: 280px;
margin: 0 10px 50px
}
.v1_feature_085 .right-wrap li:nth-of-type(3),.v1_feature_085 .right-wrap li:nth-of-type(4) {
margin-bottom: 0
}
.v1_feature_085 .right-wrap h5 {
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding: 0 8px;
color: #333;
margin-top: 10px
}
@media (max-width: 1024px) {
.v1_feature_084 .left-wrap {
width:45%
}
}
@media (max-width: 768px) {
.v1_feature_085 .container {
display:block
}
.v1_feature_085 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_085 .right-wrap {
width: 100%;
max-width: 580px;
margin: 20px auto 0
}
}
@media (max-width: 430px) {
.v1_feature_085 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_085 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
}
.v1_feature_086 h2 {
color: #000
}
.v1_feature_086 .desc {
max-width: 880px;
width: 100%;
margin: 20px auto 0
}
.v1_feature_086 .tab-controller {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_086 .tab-controller li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin: 0 25px;
color: #333;
font-size: 18px;
cursor: pointer;
position: relative
}
.v1_feature_086 .tab-controller li.active {
color: #00a978
}
.v1_feature_086 .tab-controller li.active::after {
position: absolute;
display: block;
content: '';
width: 50px;
height: 2px;
bottom: 0;
background: #00a978
}
.v1_feature_086 .tab-content {
margin-top: 50px
}
.v1_feature_086 .tab-content>li {
display: none
}
.v1_feature_086 .tab-content>li.active {
display: block
}
.v1_feature_086 .tab-content .content-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0 -10px
}
.v1_feature_086 .tab-content .content-wrap li {
width: calc(25% - 20px);
max-width: 280px;
margin: 0 10px 50px
}
.v1_feature_086 .tab-content .content-wrap li>h5 {
color: #000;
margin-top: 10px
}
.v1_feature_086 .tab-content .content-wrap .img-wrap {
position: relative
}
.v1_feature_086 .tab-content .content-wrap .img-wrap:hover .text-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_086 .tab-content .content-wrap .text-wrap {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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;
background-color: rgba(0,0,0,.5);
color: #fff;
font-size: 18px;
padding: 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_feature_086 .btns {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_086 .btns a {
width: 190px;
height: 50px;
-webkit-border-radius: 5px;
border-radius: 5px;
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
}
.v1_feature_086 .btns a:nth-of-type(1) {
background-color: #00a978;
color: #FFF;
margin-right: 20px
}
.v1_feature_086 .btns a:nth-of-type(2) {
border: solid 1px #00a978;
color: #00a978
}
@media (max-width: 960px) {
.v1_feature_086 .tab-content .content-wrap {
max-width:880px;
margin: 30px auto 0
}
.v1_feature_086 .tab-content .content-wrap li {
width: calc(33.33% - 20px)
}
}
@media (max-width: 768px) {
.v1_feature_086 .btns {
margin-top:0
}
}
@media (max-width: 540px) {
.v1_feature_086 .tab-controller {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_feature_086 .tab-controller li {
width: calc(33.33% - 20px);
margin: 0 10px;
margin-bottom: 20px
}
.v1_feature_086 .tab-content {
margin-top: 30px
}
.v1_feature_086 .tab-content .content-wrap li {
width: calc(50% - 20px)
}
}
@media (max-width: 450px) {
.v1_feature_086 .btns {
display:-webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-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
}
.v1_feature_086 .btns a {
margin: 0
}
.v1_feature_086 .btns a:nth-of-type(1) {
margin: 0
}
.v1_feature_086 .btns a:nth-of-type(2) {
margin-top: 20px
}
}
@media (max-width: 320px) {
.v1_feature_086 .tab-controller li {
width:calc(50% - 20px)
}
.v1_feature_086 .tab-content .content-wrap li {
width: 100%
}
}
.v1_inquiry_cart_001 .tit {
max-width: 900px;
margin-bottom: 40px;
text-align: left
}
.v1_inquiry_cart_001 .item {
padding: 30px;
background-color: #fff;
margin-bottom: 30px;
text-align: left;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v1_inquiry_cart_001 .item:hover {
-webkit-box-shadow: 0 4px 43px 0 rgba(0,0,0,.13);
box-shadow: 0 4px 43px 0 rgba(0,0,0,.13)
}
.v1_inquiry_cart_001 .item h4 {
font-size: 16px;
margin-bottom: 20px
}
.v1_inquiry_cart_001 .item .detail {
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
}
.v1_inquiry_cart_001 .item .img {
max-width: 220px;
width: 50%;
max-height: 165px;
overflow: hidden
}
.v1_inquiry_cart_001 .item .del {
max-width: 80px;
width: 50%;
min-height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
background-color: #e8e8e8;
color: #000;
font-size: 22px;
cursor: pointer;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v1_inquiry_cart_001 .item .form-row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 780px;
margin: 0 10px;
width: 100%
}
.v1_inquiry_cart_001 .item .form-row label {
position: relative;
margin: 0
}
.v1_inquiry_cart_001 .item .form-row label .triangle {
position: absolute;
right: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 0;
height: 0;
line-height: 0;
overflow: hidden;
display: inline-block;
*display: inline;
*zoom:1;border-color: #333 transparent transparent transparent;
border-style: solid dashed dashed dashed;
border-width: 7px 6px 0 6px;
display: block;
content: ''
}
.v1_inquiry_cart_001 .item .form-row label.pname {
max-width: 380px;
width: 49%;
margin: 0 auto 0 0
}
.v1_inquiry_cart_001 .item .form-row label.pname select {
width: 100%;
height: 48px;
border: solid 1px #939393;
padding: 10px 15px
}
.v1_inquiry_cart_001 .item .form-row label.pname option {
padding: 10px 15px
}
.v1_inquiry_cart_001 .item .form-row label.pnum {
max-width: 380px;
width: 49%;
margin: 0 0 0 auto
}
.v1_inquiry_cart_001 .item .form-row label.msg {
width: 100%;
margin-top: 20px
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit]) {
display: block;
height: 48px;
width: 100%;
border: solid 1px #939393;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
outline: none;
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit]):focus,.v1_inquiry_cart_001 .item .form-row input:not([type=submit]):active {
background-color: #fff
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit])::-webkit-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit])::-moz-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit]):-ms-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit])::-ms-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row input:not([type=submit])::placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea {
display: block;
height: 97px;
width: 100%;
border: solid 1px #939393;
-webkit-border-radius: 0;
border-radius: 0;
margin: 0;
padding: 10px 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #fff;
outline: none;
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea:focus,.v1_inquiry_cart_001 .item .form-row textarea:active {
background-color: #fff
}
.v1_inquiry_cart_001 .item .form-row textarea::-webkit-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea::-moz-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea:-ms-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea::-ms-input-placeholder {
color: #a4a4a4
}
.v1_inquiry_cart_001 .item .form-row textarea::placeholder {
color: #a4a4a4
}
@media screen and (max-width: 767px) {
.v1_inquiry_cart_001 .item {
padding:30px 15px
}
.v1_inquiry_cart_001 .item .detail {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v1_inquiry_cart_001 .item .img {
width: 100%
}
.v1_inquiry_cart_001 .item .form-row {
width: 100%;
margin: 20px 0 0
}
.v1_inquiry_cart_001 .item .del {
width: 100%;
max-width: 100%;
height: 50px;
line-height: 50px;
margin: 20px 0 0
}
}
@media screen and (max-width: 400px) {
.v1_inquiry_cart_001 .item .form-row label.pname {
width:100%;
margin: 0 auto 20px
}
.v1_inquiry_cart_001 .item .form-row label.pnum {
width: 100%;
margin: 0 auto
}
}
.v1_news_box_002 .tit-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 40px
}
.v1_news_box_002 .tit {
max-width: 780px;
margin-right: 20px;
text-align: left;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto
}
.v1_news_box_002 .btn {
display: inline-block;
-webkit-border-radius: 27px;
border-radius: 27px;
margin: 10px 0
}
.v1_news_box_002 .item {
max-width: 580px;
width: calc(50% - 20px);
margin: 10px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
text-align: left
}
.v1_news_box_002 .item h4 {
margin-bottom: 20px
}
.v1_news_box_002 ul {
padding: 50px 20px;
background-color: #fff;
-webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 2px 13px 0 rgba(0,0,0,.06)
}
.v1_news_box_002 ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.v1_news_box_002 ul li:not(:last-child) {
margin-bottom: 30px
}
.v1_news_box_002 .news-pic {
max-width: 250px;
margin-right: 20px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-border-radius: 5px;
border-radius: 5px;
overflow: hidden
}
.v1_news_box_002 .desc {
max-width: 270px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.v1_news_box_002 .desc .data {
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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
border-top: 1px solid #dcdcdc;
padding-top: 10px
}
.v1_news_box_002 .desc .time {
display: inline-block;
margin-right: 10px
}
.v1_news_box_002 .desc .link {
display: inline-block
}
.v1_news_box_002 .desc .link:hover {
text-decoration: underline
}
.v1_news_box_002 .desc .link i {
margin-left: 10px
}
@media screen and (max-width: 880px) {
.v1_news_box_002 .list.mml-cols-2 {
margin:0
}
.v1_news_box_002 .item {
width: 100%;
margin: 10px auto 30px
}
}
.v1_new_box_001 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.v1_new_box_001 .left {
width: 49%;
max-width: 530px
}
.v1_new_box_001 .left .mml-text {
margin-bottom: 50px
}
.v1_new_box_001 .left .mml-text h2 {
font-size: 36px;
color: #333
}
.v1_new_box_001 .left .mml-text p {
color: gray;
max-width: 530px
}
.v1_new_box_001 .left .tab-nav .header {
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;
margin-bottom: 40px;
padding: 20px 0;
border-bottom: 2px solid #4d4d4d
}
.v1_new_box_001 .left .tab-nav .header p {
font-size: 20px;
color: #333;
margin-bottom: 0
}
.v1_new_box_001 .left .tab-nav .header a {
color: #333;
border-bottom: 1px solid transparent
}
.v1_new_box_001 .left .tab-nav .header a i {
color: #333
}
.v1_new_box_001 .left .tab-nav .header a:hover {
color: #03a67b;
border-bottom: 1px solid #03a67b
}
.v1_new_box_001 .left .tab-nav .header a:hover i {
color: #03a67b
}
.v1_new_box_001 .left .slicker-nav li {
cursor: pointer;
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-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;
margin: 10px 0
}
.v1_new_box_001 .left .slicker-nav li p {
color: gray;
margin: 0
}
.v1_new_box_001 .left .slicker-nav li span {
color: #b3b3b3
}
.v1_new_box_001 .left .slicker-nav .slick-current li p {
color: #03a67b
}
.v1_new_box_001 .right {
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 49%;
max-width: 460px;
background-color: #fff;
-webkit-box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
box-shadow: 0 2px 13px 0 rgba(0,0,0,.06);
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 20px 20px 30px 20px
}
.v1_new_box_001 .right .more {
cursor: pointer;
display: block;
text-align: right;
color: gray
}
.v1_new_box_001 .right .more i {
color: gray
}
.v1_new_box_001 .right .more:hover {
color: #03a67b
}
.v1_new_box_001 .right .more:hover i {
color: #03a67b
}
.v1_new_box_001 .right .slicker-content li {
max-width: 460px
}
.v1_new_box_001 .right .slicker-content li img {
margin: 0;
margin-bottom: 30px
}
.v1_new_box_001 .right .slicker-content li h3 {
color: #333;
font-size: 18px;
margin-bottom: 15px
}
.v1_new_box_001 .right .slicker-content li p {
color: gray;
margin-bottom: 30px
}
@media screen and (max-width: 1024px) {
.v1_new_box_001 .container {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.v1_new_box_001 .left {
width: 100%;
margin-bottom: 20px
}
.v1_new_box_001 .right {
width: 100%
}
}
@media screen and (max-width: 540px) {
.v1_new_box_001 .slicker-nav li {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start!important;
-webkit-align-items: flex-start!important;
-ms-flex-align: start!important;
align-items: flex-start!important
}
.v1_new_box_001 .slicker-nav li span {
margin: 0 auto;
margin-right: 0
}
}
.v1_product_list_005 .container {
text-align: left
}
.v1_product_list_005 .header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_product_list_005 .header h3 {
color: #333;
min-width: 154px;
width: 13%;
margin-right: 20px
}
.v1_product_list_005 .header ul {
margin-left: auto;
max-width: 960px;
width: 82%;
margin: 0 -10px
}
.v1_product_list_005 .header li {
display: inline-block;
padding: 10px 30px;
background-color: #f5f5f5;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
margin: 0 10px 10px
}
.v1_product_list_005 .header li.active {
background-color: #d6efe8;
color: #004d37
}
.v1_product_list_005 .tab-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px -10px 0
}
.v1_product_list_005 .tab-content li {
width: calc(33.33% - 20px);
margin: 0 10px 20px;
background-color: #fff;
-webkit-box-shadow: 0 6px 27px 0 rgba(0,0,0,.06);
box-shadow: 0 6px 27px 0 rgba(0,0,0,.06);
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.v1_product_list_005 .tab-content .item {
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
}
.v1_product_list_005 .tab-content h4 {
color: #1a1a1a
}
.v1_product_list_005 .tab-content .title {
color: #1a1a1a;
margin-right: 20px
}
.v1_product_list_005 .tab-content p {
margin: 0;
color: gray
}
.v1_product_list_005 .text-wrap {
padding: 20px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_product_list_005 .my-page {
margin-top: 100px
}
@media (max-width: 768px) {
.v1_product_list_005 .tab-content li {
width:calc(50% - 20px)
}
.v1_product_list_005 .my-page {
margin-top: 40px
}
}
@media (max-width: 420px) {
.v1_product_list_005 .header {
display:block
}
.v1_product_list_005 .header h3 {
margin: 0;
text-align: center;
width: 100%;
max-width: 100%
}
.v1_product_list_005 .header ul {
width: 100%;
max-width: 100%;
margin: 20px auto 0;
text-align: center
}
.v1_product_list_005 .tab-content {
margin-top: 40px
}
.v1_product_list_005 .tab-content li {
width: 100%
}
}
.v1_product_list_006 .container {
text-align: left
}
.v1_product_list_006 .header h3 {
color: #333
}
.v1_product_list_006 .header ul {
margin: 30px -10px 0
}
.v1_product_list_006 .header li {
display: inline-block;
padding: 10px 30px;
background-color: #f5f5f5;
-webkit-border-radius: 6px;
border-radius: 6px;
cursor: pointer;
margin: 0 10px 10px
}
.v1_product_list_006 .header li.active {
background-color: #d6efe8;
color: #004d37
}
.v1_product_list_006 .tab-content {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: 50px -10px 0
}
.v1_product_list_006 .tab-content li {
width: calc(33.33% - 20px);
margin: 0 10px 20px;
background-color: #fff;
-webkit-box-shadow: 0 6px 27px 0 rgba(0,0,0,.06);
box-shadow: 0 6px 27px 0 rgba(0,0,0,.06);
-webkit-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px
}
.v1_product_list_006 .tab-content .item {
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
}
.v1_product_list_006 .tab-content h4 {
color: #1a1a1a
}
.v1_product_list_006 .tab-content .title {
color: #1a1a1a;
margin-right: 20px
}
.v1_product_list_006 .tab-content p {
margin: 0;
color: gray
}
.v1_product_list_006 .text-wrap {
padding: 20px 30px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_product_list_006 .my-page {
margin-top: 100px
}
@media (max-width: 768px) {
.v1_product_list_006 .tab-content li {
width:calc(50% - 20px)
}
.v1_product_list_006 .my-page {
margin-top: 40px
}
}
@media (max-width: 420px) {
.v1_product_list_006 .header {
display:block
}
.v1_product_list_006 .header h3 {
margin: 0;
text-align: center;
width: 100%;
max-width: 100%
}
.v1_product_list_006 .header ul {
width: 100%;
max-width: 100%;
margin: 20px auto 0;
text-align: center
}
.v1_product_list_006 .tab-content {
margin-top: 40px
}
.v1_product_list_006 .tab-content li {
width: 100%
}
}
.v1_search_001 .mml-text {
margin-bottom: 50px
}
.v1_search_001 .mml-text h2 {
color: #2a3344;
font-size: 36px;
margin-bottom: 30px
}
.v1_search_001 .mml-text p {
margin: 0 auto;
max-width: 780px;
color: gray
}
.v1_search_001 .mml-text p a {
color: #2d72da
}
.v1_search_001 .item1 {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 60px;
-webkit-border-radius: 30px;
border-radius: 30px;
border: solid 2px #2a3344;
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;
padding: 0 5px 0 30px;
margin: 20px 0
}
.v1_search_001 .item1 input {
display: block;
width: 100%;
height: 100%;
border: none;
background: none;
outline: none
}
.v1_search_001 .item1 input::-webkit-input-placeholder {
color: #2a3344;
font-weight: 600
}
.v1_search_001 .item1 input:-moz-placeholder {
color: #2a3344;
font-weight: 600
}
.v1_search_001 .item1 input::-moz-placeholder {
color: #2a3344;
font-weight: 600
}
.v1_search_001 .item1 input:-ms-input-placeholder {
color: #2a3344;
font-weight: 600
}
.v1_search_001 .item1 .hr {
width: 2px;
height: 32px;
background-color: #2a3344
}
.v1_search_001 .item1 .search-btn {
cursor: pointer;
margin: 0;
height: 100%;
width: 10%;
max-width: 55px!important;
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
}
.v1_search_001 .item1 .search-btn i {
font-size: 14px;
color: #2a3344
}
.v1_search_001 .item2 {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 60px;
background-color: #f4f5f5;
-webkit-border-radius: 30px;
border-radius: 30px;
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;
padding: 0 0 0 30px;
margin: 20px 0
}
.v1_search_001 .item2 input {
display: block;
width: 100%;
height: 100%;
border: none;
background: none;
outline: none
}
.v1_search_001 .item2 input::-webkit-input-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item2 input:-moz-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item2 input::-moz-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item2 input:-ms-input-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item2 .search-btn {
cursor: pointer;
margin: 0;
height: 100%;
width: 103px;
max-width: 103px!important;
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;
background-color: #2a3344;
-webkit-border-radius: 0 30px 30px 0;
border-radius: 0 30px 30px 0
}
.v1_search_001 .item2 .search-btn i {
font-size: 14px;
color: #fff
}
.v1_search_001 .item3 {
overflow: hidden;
-webkit-box-sizing: border-box;
box-sizing: border-box;
width: 100%;
height: 60px;
background-color: #f4f5f5;
-webkit-border-radius: 30px;
border-radius: 30px;
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;
padding: 0 0 0 30px;
margin: 20px 0
}
.v1_search_001 .item3 input {
display: block;
width: 100%;
height: 100%;
border: none;
background: none;
outline: none
}
.v1_search_001 .item3 input::-webkit-input-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item3 input:-moz-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item3 input::-moz-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item3 input:-ms-input-placeholder {
color: #b3b3b3;
font-weight: 600
}
.v1_search_001 .item3 .search-btn {
cursor: pointer;
margin: 0;
height: 100%;
width: 97px;
max-width: 97px!important;
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;
background-color: #2a3344;
-webkit-border-radius: 24px;
border-radius: 24px
}
.v1_search_001 .item3 .search-btn i {
font-size: 14px;
color: #fff
}
.v1_team_007 .container {
text-align: left
}
.v1_team_007 .top-container h2 {
color: #333
}
.v1_team_007 .top-container .slicker1 .wrapper {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v1_team_007 .top-container .slicker1 .wrap-item {
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;
max-width: 580px;
width: 50%;
background-color: #fff;
-webkit-box-shadow: 0 0 30px 0 rgba(33,33,33,.05);
box-shadow: 0 0 30px 0 rgba(33,33,33,.05);
-webkit-border-radius: 4px;
border-radius: 4px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v1_team_007 .top-container .slicker1 .wrap-item:nth-of-type(1) {
margin-right: 20px
}
.v1_team_007 .top-container .slicker1 .text-wrap {
padding: 30px 20px
}
.v1_team_007 .top-container .slicker1 p {
color: gray
}
.v1_team_007 .top-container .slicker1 h3 {
color: #333;
margin-top: 50px
}
.v1_team_007 .top-container .slicker1 span {
display: block;
color: gray;
margin-top: 10px
}
.v1_team_007 .top-container .slicker1 .icon-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 10px
}
.v1_team_007 .top-container .slicker1 .icon-wrap li {
margin-right: 10px
}
.v1_team_007 .top-container .slicker1 .icon-wrap li:nth-last-of-type(1) {
margin-right: 0
}
.v1_team_007 .top-container .slicker1 .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 40px
}
.v1_team_007 .top-container .slicker1 .slick-dots .slick-active button {
background-color: #03a679;
width: 50px
}
.v1_team_007 .bottom-container {
margin-top: 40px
}
.v1_team_007 .bottom-container h3 {
color: #333
}
.v1_team_007 .bottom-container .slicker2-wrapper {
position: relative;
margin-top: 40px;
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
}
.v1_team_007 .bottom-container .slicker2 {
max-width: 980px;
width: 84%;
margin: 0 auto
}
.v1_team_007 .bottom-container .slick-list {
margin: 0 -30px
}
.v1_team_007 .bottom-container li {
max-width: 200px;
text-align: center;
margin: 0 30px
}
.v1_team_007 .bottom-container .name {
margin-top: 10px;
color: #333
}
.v1_team_007 .bottom-container .position {
color: gray
}
.v1_team_007 .bottom-container .fas {
position: absolute;
cursor: pointer
}
.v1_team_007 .bottom-container .fas:hover {
color: #03a679
}
.v1_team_007 .bottom-container .fa-chevron-left {
left: 0
}
.v1_team_007 .bottom-container .fa-chevron-right {
right: 0
}
@media (max-width: 1300px) {
.v1_team_007 .bottom-container li {
margin:0 10px
}
}
@media (max-width: 960px) {
.v1_team_007 .top-container .slicker1 .wrapper {
display:block
}
.v1_team_007 .top-container .slicker1 .wrap-item {
width: 100%;
margin: 0 auto 20px
}
.v1_team_007 .top-container .slicker1 .wrap-item:nth-of-type(1) {
margin-right: auto
}
}
@media (max-width: 500px) {
.v1_team_007 .top-container .slicker1 .wrap-item {
display:block;
padding-top: 20px
}
}
@media (max-width: 460px) {
.v1_team_007 .bottom-container .slick-slide>div {
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
}
}
.v2_banner_001 .content {
height: 755px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-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;
background-position: center center!important
}
.v2_banner_001 .mml-text {
max-width: 975px;
margin-bottom: 50px
}
.v2_banner_001 .mml-text .pre-heading {
font-size: 24px;
color: #03a57b;
margin-bottom: 5px
}
.v2_banner_001 .mml-text h1 {
color: #262626;
font-size: 48px;
max-width: 495px;
margin: 0 auto;
margin-bottom: 15px
}
.v2_banner_001 .mml-text p {
max-width: 975px
}
.v2_banner_001 .mml-btn a {
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;
width: 201px;
height: 52px;
background-color: #03a67b;
-webkit-border-radius: 26px;
border-radius: 26px;
color: #fff
}
.v2_banner_001 .list {
width: 100%;
height: 270px;
margin-top: -20px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-webkit-align-items: flex-end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between
}
.v2_banner_001 .list li {
-webkit-box-sizing: unset!important;
box-sizing: unset!important;
height: 250px;
position: relative;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-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;
background-color: #222628;
color: #fff
}
.v2_banner_001 .list li i {
position: absolute;
top: 0;
right: 0;
left: 0;
margin: auto;
width: 80px;
height: 80px;
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;
background-color: #03a67b;
-webkit-border-radius: 100%;
border-radius: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.v2_banner_001 .list li h3 {
font-size: 20px;
margin-bottom: 20px
}
.v2_banner_001 .list li p {
max-width: 275px
}
.v2_banner_001 .list li:hover {
height: 270px;
background-color: #03a67b;
-webkit-transition: all .7s;
-o-transition: all .7s;
transition: all .7s
}
@media screen and (max-width: 960px) {
.v2_banner_001 .list {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
height: auto
}
.v2_banner_001 .list li {
width: 100%;
height: auto;
padding: 60px 0
}
}
.v2_banner_002 {
overflow: hidden
}
.v2_banner_002 .content {
height: 755px;
background-position: center center!important
}
.v2_banner_002 .content .container {
height: 100%;
padding-top: 140px;
position: relative
}
.v2_banner_002 .content .mml-text {
margin-bottom: 50px
}
.v2_banner_002 .content .mml-text .pre-heading {
color: #03a57b;
font-size: 20px;
margin-bottom: 20px
}
.v2_banner_002 .content .mml-text h1 {
color: #262626;
font-size: 48px
}
.v2_banner_002 .content .mml-btn .btn {
width: 201px;
height: 52px;
background-color: #03a67b;
-webkit-border-radius: 26px;
border-radius: 26px;
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;
color: #fff;
margin: 0 auto
}
.v2_banner_002 .content .hr {
width: 6px;
height: 170px;
background-color: #03a67b;
margin: 0 auto
}
.v2_banner_002 .content .des-text {
max-width: 770px;
z-index: 3;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
margin-bottom: 30px
}
.v2_banner_002 .bottom {
padding: 110px 0 80px 0;
background: #ebebeb
}
.v2_banner_002 .bottom .header {
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;
margin-bottom: 60px
}
.v2_banner_002 .bottom .header h2 {
text-align: left;
max-width: 507px;
font-size: 36px;
color: #262626
}
.v2_banner_002 .bottom .header .btn {
width: 201px;
height: 52px;
background-color: #03a67b;
-webkit-border-radius: 26px;
border-radius: 26px;
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;
color: #fff
}
.v2_banner_002 .bottom .slicker-list {
margin: 0 -10px
}
.v2_banner_002 .bottom .slicker-list .slick-slide {
margin: 0 10px
}
.v2_banner_002 .bottom .slicker-list .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 60px
}
.v2_banner_002 .bottom .slicker-list .slick-dots li button {
width: 16px;
height: 10px;
background-color: #b5b5b5;
-webkit-border-radius: 5px;
border-radius: 5px
}
.v2_banner_002 .bottom .slicker-list .slick-dots .slick-active button {
width: 60px;
height: 10px;
background-color: #03a67b;
-webkit-border-radius: 5px;
border-radius: 5px
}
.v2_banner_002 .bottom .slicker-list li {
cursor: pointer;
max-width: 370px;
position: relative
}
.v2_banner_002 .bottom .slicker-list li .hover {
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;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
height: 66px;
position: absolute;
left: 0;
bottom: 0;
color: #fff;
background-color: #000;
opacity: .5
}
.v2_banner_002 .bottom .slicker-list li .hover h3 {
width: 100%;
max-width: 276px;
font-size: 18px
}
.v2_banner_002 .bottom .slicker-list li .hover p {
text-align: left;
max-width: 276px;
display: none
}
.v2_banner_002 .bottom .slicker-list li:hover .hover {
height: 100%
}
.v2_banner_002 .bottom .slicker-list li:hover .hover h3 {
text-align: left
}
.v2_banner_002 .bottom .slicker-list li:hover .hover p {
display: block
}
@media screen and (max-width: 960px) {
.v2_banner_002 .content .hr {
display:none
}
}
.v2-banner-003 {
padding: 80px 0
}
.v2-banner-003 .section-top {
position: relative;
overflow: hidden
}
.v2-banner-003 .section-top::after {
display: block;
content: '';
position: absolute;
z-index: -1;
width: 1270px;
height: 100%;
background-color: #03a67b;
right: 0;
top: 0
}
.v2-banner-003 .banner-container {
max-width: 1840px;
width: 96%;
height: 964px;
background-image: url(../images/83e1169c92ac4cb9b324fefd3c9b88d6.gif);
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
background-position: center;
text-align: left;
padding: 200px 80px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin-top: 100px
}
.v2-banner-003 .text-wrap {
max-width: 766px;
width: 42%
}
.v2-banner-003 h1 {
color: #262626
}
.v2-banner-003 p {
margin-top: 26px;
color: gray
}
.v2-banner-003 .btn {
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;
width: 201px;
height: 51px;
background-color: #03a67b;
-webkit-border-radius: 26px;
border-radius: 26px;
color: #f5f8fa;
margin-top: 50px
}
.v2-banner-003 .section-bottom {
background-color: #038c68;
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;
padding: 80px 10px
}
.v2-banner-003 .icon-container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
width: 980px
}
.v2-banner-003 .icon-container li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-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;
color: #252118;
margin-right: 220px
}
.v2-banner-003 .icon-container li:nth-last-of-type(1) {
margin-right: 0
}
.v2-banner-003 .icon-container li:hover {
color: #FFF
}
.v2-banner-003 .icon-container i {
font-size: 80px
}
.v2-banner-003 .icon-container span {
margin-top: 30px
}
@media (max-width: 1300px) {
.v2-banner-003 .text-wrap {
width:60%
}
.v2-banner-003 .icon-container {
margin: 0 -10px
}
.v2-banner-003 .icon-container li {
margin: 0 50px;
width: calc(25% - 100px)
}
}
@media (max-width: 768px) {
.v2-banner-003 .banner-container {
padding:200px 40px 0
}
.v2-banner-003 .text-wrap {
width: 100%
}
.v2-banner-003 .section-bottom {
padding: 40px 10px
}
}
@media (max-width: 720px) {
.v2-banner-003 .icon-container li {
margin:0 20px;
width: calc(25% - 40px)
}
}
@media (max-width: 500px) {
.v2-banner-003 .banner-container {
padding:200px 10px 0
}
.v2-banner-003 .icon-container {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2-banner-003 .icon-container li {
width: calc(50% - 40px);
margin: 0 20px 40px
}
.v2-banner-003 .icon-container li:nth-last-of-type(1),.v2-banner-003 .icon-container li:nth-last-of-type(2) {
margin-bottom: 0
}
}
.v2_blog_001 h2 {
text-align: left;
margin-bottom: 10px
}
.v2_blog_001 .blog-wrap {
position: relative
}
.v2_blog_001 .list>li {
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin: 0 10px
}
.v2_blog_001 .list>li:first-child {
margin-top: 140px
}
.v2_blog_001 .img {
position: relative;
z-index: 2;
max-width: 580px;
margin: auto
}
.v2_blog_001 .desc {
position: relative;
z-index: 3;
max-width: 540px;
width: 95%;
padding: 25px 60px 60px;
margin: -90px auto 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.v2_blog_001 .link {
display: inline-block;
position: absolute;
bottom: 0;
right: 0
}
.v2_blog_001 .link:hover {
text-decoration: underline
}
@media screen and (max-width: 1024px) {
.v2_blog_001 .desc {
padding:25px 30px 30px
}
}
@media screen and (max-width: 767px) {
.v2_blog_001 h2 {
text-align:center
}
.v2_blog_001 .list>li {
width: 100%;
margin: 0 auto 30px!important
}
.v2_blog_001 .link {
position: relative;
text-align: center
}
}
.v2_blog_002 .blog-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2_blog_002 h2 {
text-align: left
}
.v2_blog_002 .main {
max-width: 580px;
width: 50%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-right: 20px
}
.v2_blog_002 .main .info {
text-align: left
}
.v2_blog_002 .main h4 {
margin: 20px 0 10px
}
.v2_blog_002 .main .time {
margin-left: 30px
}
.v2_blog_002 .main .link {
margin-top: 20px
}
.v2_blog_002 .list {
max-width: 500px;
width: 43%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0 0 0 auto
}
.v2_blog_002 .list>li {
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
}
.v2_blog_002 .list>li:not(:last-child) {
margin-bottom: 35px
}
.v2_blog_002 .list .thumb {
max-width: 200px;
width: 40%;
margin-right: 20px
}
.v2_blog_002 .list .desc {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: left
}
.v2_blog_002 .list p {
overflow: hidden;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical
}
.v2_blog_002 .list .link {
margin-top: 10px
}
.v2_blog_002 .link {
display: inline-block
}
.v2_blog_002 .link:hover {
text-decoration: underline
}
@media screen and (max-width: 880px) {
.v2_blog_002 h2 {
text-align:center
}
.v2_blog_002 .blog-wrap {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_blog_002 .main {
width: 100%;
margin: 0 auto 30px
}
.v2_blog_002 .list {
width: 100%;
margin: 0 auto
}
}
.v2_cta_001 .btn {
display: inline-block;
text-align: center;
padding: 20px 120px;
-webkit-border-radius: 0;
border-radius: 0;
margin: 35px auto 0
}
.v2_feature_001_1 {
position: relative
}
.v2_feature_001_1 .container {
text-align: left
}
.v2_feature_001_1 .tab-content li {
display: none
}
.v2_feature_001_1 .tab-content li.active {
display: block
}
.v2_feature_001_1 .tab-content i {
font-size: 20px;
color: #FFF;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg)
}
.v2_feature_001_1 .wrapper1 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2_feature_001_1 h2 {
font-size: 40px;
color: #303030;
max-width: 260px;
width: 23%
}
.v2_feature_001_1 .img-wrap {
margin-left: auto;
max-width: 780px;
width: 67%;
position: relative
}
.v2_feature_001_1 .icon-wrap {
position: absolute;
right: 30px;
top: 30px;
width: 60px;
height: 60px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #03a679;
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;
cursor: pointer
}
.v2_feature_001_1 .wrapper2 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 30px
}
.v2_feature_001_1 span {
display: block;
color: #03a679;
font-size: 14px;
font-weight: 700
}
.v2_feature_001_1 .text-wrap {
margin-left: auto;
max-width: 780px;
width: 67%;
padding: 0 40px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_001_1 h4 {
color: #303030
}
.v2_feature_001_1 p {
margin-top: 10px;
color: #777
}
.v2_feature_001_1 a {
color: #2476ed;
text-decoration: underline
}
.v2_feature_001_1 .fixed-wrap {
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #03996f
}
.v2_feature_001_1 .tab-controller {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.v2_feature_001_1 .tab-controller li {
margin-left: auto;
width: 80px;
height: 85px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #03996f;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
cursor: pointer
}
.v2_feature_001_1 .tab-controller li img {
width: 30px;
height: 23px
}
.v2_feature_001_1 .tab-controller li span {
display: none;
color: #fff;
font-size: 14px
}
.v2_feature_001_1 .tab-controller li:hover,.v2_feature_001_1 .tab-controller li.active {
width: 167px;
height: 85px
}
.v2_feature_001_1 .tab-controller li:hover img,.v2_feature_001_1 .tab-controller li.active img {
width: 100%;
height: 100%
}
.v2_feature_001_1 .tab-controller li:hover span,.v2_feature_001_1 .tab-controller li.active span {
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;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5)
}
@media (max-width: 1530px) {
.v2_feature_001_1 .fixed-wrap {
position:relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px
}
.v2_feature_001_1 .tab-controller {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (max-width: 890px) {
.v2_feature_001_1 .wrapper1 {
display:block
}
.v2_feature_001_1 h2 {
max-width: 100%;
text-align: center;
width: 100%
}
.v2_feature_001_1 .img-wrap {
width: 100%;
margin: 20px auto 0
}
.v2_feature_001_1 .wrapper2 {
display: block
}
.v2_feature_001_1 span {
text-align: center;
width: 100%
}
.v2_feature_001_1 .text-wrap {
width: 100%;
margin: 20px auto 0;
padding: 0
}
}
@media (max-width: 768px) {
.v2_feature_001_1 .tab-controller {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.v2_feature_001_1 .tab-controller li {
width: 25%;
margin-left: unset
}
.v2_feature_001_1 .tab-controller li:hover,.v2_feature_001_1 .tab-controller li.active {
width: 25%
}
}
@media (max-width: 420px) {
.v2_feature_001_1 .tab-controller li {
width:50%
}
.v2_feature_001_1 .tab-controller li:hover,.v2_feature_001_1 .tab-controller li.active {
width: 50%
}
}
.v2_feature_002_1 {
position: relative
}
.v2_feature_002_1 .fixed-wrap {
position: absolute;
right: 0;
top: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
color: #03996f
}
.v2_feature_002_1 .tab-controller {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.v2_feature_002_1 .tab-controller li {
margin-left: auto;
width: 80px;
height: 85px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
background-color: #03996f;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: relative;
cursor: pointer
}
.v2_feature_002_1 .tab-controller li img {
width: 30px;
height: 23px
}
.v2_feature_002_1 .tab-controller li span {
display: none;
color: #fff;
font-size: 14px
}
.v2_feature_002_1 .tab-controller li:hover,.v2_feature_002_1 .tab-controller li.active {
width: 167px;
height: 85px
}
.v2_feature_002_1 .tab-controller li:hover img,.v2_feature_002_1 .tab-controller li.active img {
width: 100%;
height: 100%
}
.v2_feature_002_1 .tab-controller li:hover span,.v2_feature_002_1 .tab-controller li.active span {
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;
position: absolute;
width: 100%;
height: 100%;
background-color: rgba(0,0,0,.5)
}
.v2_feature_002_1 .tab-content li {
text-align: left;
display: none
}
.v2_feature_002_1 .tab-content li.active {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2_feature_002_1 h2 {
color: #303030;
font-size: 40px;
width: 260px
}
.v2_feature_002_1 .btn-wrap {
width: 280px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 50px
}
.v2_feature_002_1 .btn {
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;
font-size: 18px;
color: #fff;
padding: 30px 0;
background-color: #03a679;
width: 200px;
height: 74px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0;
-webkit-border-radius: 0;
border-radius: 0
}
.v2_feature_002_1 .icon-wrap {
width: 80px;
height: 74px;
background-color: #03805c;
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;
font-size: 14px;
color: #fff
}
.v2_feature_002_1 .right-wrap {
width: 56%;
max-width: 600px;
margin-left: auto
}
.v2_feature_002_1 .right-wrap span {
color: #666;
display: block;
font-size: 14px;
margin-top: 15px
}
.v2_feature_002_1 .img-wrap {
position: relative
}
.v2_feature_002_1 .text-wrap {
position: absolute;
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;
right: 0;
bottom: 0;
width: 180px;
height: 78px;
background-color: rgba(0,0,0,.7);
color: #fff;
font-size: 18px
}
@media (max-width: 1530px) {
.v2_feature_002_1 .fixed-wrap {
position:relative;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 30px
}
.v2_feature_002_1 .tab-controller {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row
}
}
@media (max-width: 768px) {
.v2_feature_002_1 .tab-controller {
-webkit-flex-wrap:wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 100%
}
.v2_feature_002_1 .tab-controller li {
width: 25%;
margin-left: unset
}
.v2_feature_002_1 .tab-controller li:hover,.v2_feature_002_1 .tab-controller li.active {
width: 25%
}
}
@media (max-width: 760px) {
.v2_feature_002_1 .tab-content li.active {
display:block
}
.v2_feature_002_1 .tab-content .left-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.v2_feature_002_1 .tab-content h2 {
width: 100%;
text-align: center
}
.v2_feature_002_1 .tab-content .btn-wrap {
margin-top: 40px;
width: 160px
}
.v2_feature_002_1 .tab-content .btn {
width: 120px;
height: 44px;
padding: 15px
}
.v2_feature_002_1 .tab-content .icon-wrap {
height: auto;
width: 40px
}
.v2_feature_002_1 .tab-content .right-wrap {
margin: 20px auto 0;
width: 100%
}
}
@media (max-width: 420px) {
.v2_feature_002_1 .tab-controller li {
width:50%
}
.v2_feature_002_1 .tab-controller li:hover,.v2_feature_002_1 .tab-controller li.active {
width: 50%
}
}
.v2_feature_003 .navs {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
background-color: rgba(255,255,255,.95);
-webkit-box-shadow: 21px 21px 60px 0 rgba(38,61,114,.1);
box-shadow: 21px 21px 60px 0 rgba(38,61,114,.1);
margin-bottom: 50px
}
.v2_feature_003 .navs>a {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
display: inline-block;
text-align: center;
border-bottom: 4px solid transparent;
font-size: 16px;
line-height: 21px;
padding: 14px 0
}
.v2_feature_003 .list:not(:first-child) {
display: none
}
.v2_feature_003 .list>li {
position: relative
}
.v2_feature_003 .list img {
position: relative;
z-index: 2
}
.v2_feature_003 .list h4 {
position: absolute;
z-index: 3;
left: 0;
bottom: 0;
width: 100%;
text-align: center;
font-size: 16px;
line-height: 32px;
padding: 9px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_003 .btns {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
@media screen and (max-width: 767px) {
.v2_feature_003 .navs>a {
-webkit-box-flex:unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
width: 33.33%
}
}
@media screen and (max-width: 480px) {
.v2_feature_003 .navs>a {
-webkit-box-flex:unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset;
width: 50%
}
}
.v2_feature_004>.container {
max-width: 1760px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_feature_004 .left-nav {
max-width: 290px;
width: 20%;
margin-right: 20px
}
.v2_feature_004 .left-nav h4 {
position: relative;
font-size: 16px;
line-height: 20px;
padding: 25px 70px 25px 20px;
text-align: left
}
.v2_feature_004 .left-nav h4 i {
position: absolute;
right: 20px;
top: 28px;
font-size: 12px
}
.v2_feature_004 .left-nav ul {
padding: 0 70px 0 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.v2_feature_004 .left-nav ul li {
border-bottom: 2px solid transparent;
padding: 15px 0;
font-size: 16px;
line-height: 20px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer
}
.v2_feature_004 .right-opt {
max-width: 1370px;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 0 0 0 auto
}
.v2_feature_004 .select {
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;
background-color: #03a679;
border-width: 1px;
border-style: solid;
padding: 15px 40px 15px 85px;
margin-bottom: 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_004 .select h4 {
color: #fff;
font-size: 16px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_004 .select h4.tit {
padding: 7px 30px 7px 0;
border-right: 1px solid #fff
}
.v2_feature_004 .select h4.res {
padding: 7px 0 7px 30px;
border-left: 1px solid #fff
}
.v2_feature_004 .select ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 0 30px;
width: 90%;
max-width: 980px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_004 .select ul li {
color: #fff;
margin-right: 30px;
padding: 7px 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 16px
}
.v2_feature_004 .select ul li i {
margin-left: 10px;
cursor: pointer
}
.v2_feature_004 .list>li {
max-width: 100%;
margin: 0 10px 40px
}
.v2_feature_004 .list h4 {
font-size: 18px;
padding-top: 10px
}
@media screen and (max-width: 1080px) {
.v2_feature_004 .left-nav ul {
padding:0 30px 0 20px
}
.v2_feature_004 .select {
padding: 15px 30px
}
}
@media screen and (max-width: 890px) {
.v2_feature_004 .left-nav {
width:100%;
max-width: 100%;
margin: 0 auto 30px
}
.v2_feature_004 .left-nav ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_feature_004 .left-nav ul li {
width: calc(50% - 20px);
margin-right: 20px
}
.v2_feature_004 .list.mml-cols-3 {
max-width: 100%;
margin: 0
}
}
@media screen and (max-width: 480px) {
.v2_feature_004 .left-nav ul li {
width:100%;
margin-right: 0
}
.v2_feature_004 .select {
padding: 15px;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_feature_004 .select h4 {
width: 100%;
text-align: left
}
.v2_feature_004 .select h4.tit {
border-bottom: 1px solid #fff;
border-right: none;
padding: 10px
}
.v2_feature_004 .select h4.res {
border-top: 1px solid #fff;
border-left: none;
padding: 10px
}
.v2_feature_004 .select ul {
width: 100%;
padding: 15px 0
}
}
.v1_feature_007 .container {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v1_feature_007 .left-wrap {
max-width: 670px;
width: 57%;
text-align: left;
margin-right: 30px;
padding: 20px 0
}
.v1_feature_007 .left-wrap span {
color: #000;
font-size: 20px;
display: block
}
.v1_feature_007 .left-wrap h2 {
color: #000
}
.v1_feature_007 .left-wrap p {
color: #000;
margin-top: 30px
}
.v1_feature_007 .left-wrap .icon-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
margin-top: 50px;
color: #00a978
}
.v1_feature_007 .left-wrap .icon-wrap i {
margin-right: 50px;
font-size: 70px
}
.v1_feature_007 .left-wrap .icon-wrap i:nth-last-of-type(1) {
margin-right: 0
}
.v1_feature_007 .right-wrap {
max-width: 480px;
margin-left: auto;
width: 41%
}
.v1_feature_007 .right-wrap li {
position: relative;
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
}
.v1_feature_007 .right-wrap a {
position: absolute
}
.v1_feature_007 .right-wrap i {
font-size: 63px;
color: #fff
}
.v1_feature_007 .slick-active button {
background-color: #00a978
}
@media (max-width: 768px) {
.v1_feature_007 .container {
display:block
}
.v1_feature_007 .left-wrap {
width: 100%;
max-width: 100%
}
.v1_feature_007 .right-wrap {
width: 100%;
max-width: 100%;
margin: 40px auto 0;
padding: 20px 0
}
}
@media (max-width: 430px) {
.v1_feature_007 .left-wrap .btns {
-webkit-box-pack:center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v1_feature_007 .left-wrap .btns a:nth-of-type(1) {
margin: 0 auto
}
.v1_feature_007 .right-wrap {
margin-top: 0
}
}
.v2_feature_010_1 .container {
text-align: left
}
.v2_feature_010_1 .header {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2_feature_010_1 h2 {
color: #333
}
.v2_feature_010_1 .icon-wrap {
margin-left: auto;
color: #03a679;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v2_feature_010_1 .icon-wrap a {
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
}
.v2_feature_010_1 .icon-wrap i {
font-size: 14px
}
.v2_feature_010_1 .icon-wrap .fa-link {
margin-right: 10px
}
.v2_feature_010_1 .icon-wrap span {
margin-right: 10px
}
.v2_feature_010_1 .wrap {
margin-top: 50px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2_feature_010_1 .left-wrap {
max-width: 380px;
width: 33%;
margin-left: 100px;
position: relative
}
.v2_feature_010_1 .left-wrap .img-wrap {
-webkit-box-shadow: 21px 21px 60px 0 rgba(38,61,114,.1);
box-shadow: 21px 21px 60px 0 rgba(38,61,114,.1)
}
.v2_feature_010_1 .number {
font-size: 40px;
color: #03a679;
margin-top: 10px
}
.v2_feature_010_1 h5 {
color: #333
}
.v2_feature_010_1 h5::after {
display: block;
content: '';
width: 30px;
height: 3px;
background-color: #03a679
}
.v2_feature_010_1 .right-wrap {
max-width: 580px;
width: 50%;
margin-left: auto;
margin-top: 125px
}
.v2_feature_010_1 .right-wrap .slick-slide {
margin: 0 10px
}
.v2_feature_010_1 .btns-wrap {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateX(50%) translateY(-100%);
-ms-transform: translateX(50%) translateY(-100%);
transform: translateX(50%) translateY(-100%)
}
.v2_feature_010_1 .btns-wrap .arrow-btn {
cursor: pointer;
width: 60px;
height: 60px;
background-color: #03a679;
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;
font-size: 20px;
color: #fff
}
.v2_feature_010_1 .btns-wrap .arrow-btn:nth-of-type(1) {
margin-bottom: 12px
}
@media (max-width: 768px) {
.v2_feature_010_1 h2 {
max-width:500px
}
.v2_feature_010_1 .left-wrap {
margin-left: 0
}
.v2_feature_010_1 .right-wrap {
width: 66%
}
.v2_feature_010_1 .btns-wrap {
top: 40%;
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
.v2_feature_010_1 .btns-wrap .arrow-btn {
width: 40px;
height: 40px
}
}
@media (max-width: 670px) {
.v2_feature_010_1 .header {
display:block
}
.v2_feature_010_1 h2 {
max-width: 100%;
width: 100%;
text-align: center
}
.v2_feature_010_1 .wrap {
display: block;
margin-top: 40px
}
.v2_feature_010_1 .icon-wrap a {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center
}
.v2_feature_010_1 .left-wrap {
width: 100%;
margin: 0 auto
}
.v2_feature_010_1 .right-wrap {
margin: 40px auto 0;
width: 100%
}
.v2_feature_010_1 .btns-wrap {
-webkit-transform: translateX(50%) translateY(-100%);
-ms-transform: translateX(50%) translateY(-100%);
transform: translateX(50%) translateY(-100%)
}
}
@media (max-width: 540px) {
.v2_feature_010_1 .right-wrap .slick-slide {
margin:0 5px
}
}
@media (max-width: 460px) {
.v2_feature_010_1 .btns-wrap {
top:46%
}
}
@media (max-width: 430px) {
.v2_feature_010_1 .btns-wrap {
-webkit-transform:translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%)
}
}
.v2_feature_011 {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 80px;
overflow: hidden
}
.v2_feature_011>.mml-text {
width: 100%;
margin-bottom: 45px
}
.v2_feature_011>.mml-text h2 {
font-size: 36px;
color: #333
}
.v2_feature_011 .left {
width: 49%;
max-width: 690px;
margin-bottom: 20px
}
.v2_feature_011 .left img {
margin: 0
}
.v2_feature_011 .right {
width: 49%
}
.v2_feature_011 .slicker-list .slick-slide {
margin: 0 5px
}
.v2_feature_011 .slicker-list li {
display: -webkit-box!important;
display: -webkit-flex!important;
display: -ms-flexbox!important;
display: flex!important
}
.v2_feature_011 .slicker-list li img {
z-index: 3;
margin: 0;
max-width: 280px;
max-height: 210px
}
.v2_feature_011 .slicker-list li .mml-text {
z-index: 2;
color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0 20px 0 220px;
width: 100%;
max-width: 644px;
height: 221px;
background-color: #fff;
border: 1px solid rgba(0,0,0,.05);
margin: 40px 0 0 -200px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end
}
.v2_feature_011 .slicker-list li .mml-text p {
max-width: 350px
}
.v2_feature_011 .mml-nav {
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;
position: relative;
margin-bottom: 55px
}
.v2_feature_011 .mml-nav .slick-dots {
margin: 0;
padding-right: 100px
}
.v2_feature_011 .mml-nav .slick-dots button {
cursor: pointer;
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 14px;
color: #333;
background: none
}
.v2_feature_011 .mml-nav .slick-dots li {
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
}
.v2_feature_011 .mml-nav .slick-dots li:first-child::before {
display: none
}
.v2_feature_011 .mml-nav .slick-dots li::before {
content: "";
display: block;
width: 40px;
height: 3px;
background-color: #dcdcdc;
margin-right: 5px
}
.v2_feature_011 .mml-nav .slick-dots .slick-active button {
background-color: #03a679;
color: #fff
}
.v2_feature_011 .mml-nav .slick-dots .slick-active::before {
background-color: #03a679
}
.v2_feature_011 .mml-nav .next {
cursor: pointer;
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;
position: static;
margin-left: -100px
}
.v2_feature_011 .mml-nav .next i {
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;
width: 50px;
height: 50px;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 14px;
background-color: #03a679;
color: #fff
}
.v2_feature_011 .mml-nav .next::before {
content: "";
display: block;
width: 40px;
height: 3px;
background-color: #dcdcdc;
margin-right: 10px
}
@media screen and (max-width: 1600px) {
.v2_feature_011 {
padding:80px 20px
}
}
@media screen and (max-width: 1450px) {
.v2_feature_011 .mml-nav .slick-dots li::before {
display:none
}
.v2_feature_011 .mml-nav .next::before {
display: none
}
}
@media screen and (max-width: 1200px) {
.v2_feature_011 {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center
}
.v2_feature_011>.mml-text h2 {
text-align: center
}
.v2_feature_011 .left {
width: 100%
}
.v2_feature_011 .right {
width: 100%
}
}
@media screen and (max-width: 600px) {
.v2_feature_011 .slicker-list li {
-webkit-box-orient:vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column
}
.v2_feature_011 .slicker-list li img {
width: 100%;
margin: 0 auto;
margin-bottom: 20px
}
.v2_feature_011 .slicker-list li .mml-text {
height: auto;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
padding: 10px;
margin: 0;
-webkit-transform: none;
-ms-transform: none;
transform: none
}
.v2_feature_011 .mml-nav .slick-dots {
padding-right: 60px
}
.v2_feature_011 .mml-nav .next {
margin-left: -50px
}
}
@media screen and (max-width: 450px) {
.v2_feature_011 {
padding:80px 10px
}
.v2_feature_011 .mml-nav .slick-dots {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
}
.v2-feature-012 {
position: relative;
padding: 0 10px;
margin: 80px 0
}
.v2-feature-012::before {
position: absolute;
display: block;
content: '';
max-width: 1270px;
width: 67%;
height: 100%;
background-color: #e9eef4;
z-index: -1
}
.v2-feature-012 .container {
text-align: left;
padding: 80px 10px
}
.v2-feature-012 h1 {
color: #353535
}
.v2-feature-012 .wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 78px
}
.v2-feature-012 .left-wrap {
max-width: 477px;
width: 45%
}
.v2-feature-012 p {
margin-top: 20px;
color: #020202
}
.v2-feature-012 .btn {
width: 226px;
height: 58px;
background-color: #5d6777;
-webkit-border-radius: 29px;
border-radius: 29px;
color: #fff;
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;
margin-top: 58px
}
.v2-feature-012 .right-wrap {
max-width: 690px;
width: 59%;
margin-left: auto;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2-feature-012 .wrap2 {
max-width: 600px;
margin-left: auto;
width: 87%;
position: relative
}
.v2-feature-012 li::after {
display: block;
content: '';
clear: both;
zoom:1}
.v2-feature-012 img {
float: right
}
.v2-feature-012 .arrow-wrap {
position: absolute;
bottom: 0;
left: -90px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex
}
.v2-feature-012 .arrow-btn {
width: 90px;
height: 88px;
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;
cursor: pointer
}
.v2-feature-012 .arrow-prev {
background-color: #5d6777;
color: #FFF
}
.v2-feature-012 .arrow-next {
background-color: #FFF;
color: #5d6777
}
.v2-feature-012 .slick-slide li {
-webkit-transform: translateY(8px);
-ms-transform: translateY(8px);
transform: translateY(8px)
}
@media (max-width: 1024px) {
.v2-feature-012 .arrow-wrap {
left:-50px
}
.v2-feature-012 .arrow-btn {
width: 50px;
height: 50px
}
}
@media (max-width: 768px) {
.v2-feature-012::before {
display:none
}
.v2-feature-012 .container {
background-color: #e9eef4
}
.v2-feature-012 .wrap {
display: block;
margin-top: 40px
}
.v2-feature-012 .left-wrap,.v2-feature-012 .right-wrap {
width: 100%;
max-width: 100%
}
.v2-feature-012 .right-wrap {
margin: 40px auto 0
}
.v2-feature-012 .wrap2 {
margin: 0 auto;
width: 100%
}
.v2-feature-012 img {
float: none
}
.v2-feature-012 .arrow-wrap {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
left: 50%
}
}
.v2_feature_013 h2 {
text-align: center;
max-width: 580px;
margin: 0 auto
}
.v2_feature_013 .slicker {
margin: 0 -10px
}
.v2_feature_013 .slick-list {
padding-top: 80px
}
.v2_feature_013 .slick-slide {
margin: 0 10px;
max-width: 380px
}
.v2_feature_013 .item {
position: relative;
padding: 60px 40px 40px;
background-color: #f7f7f7;
text-align: left;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_feature_013 .icon {
position: absolute;
top: 0;
left: 40px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2
}
.v2_feature_013 .icon img {
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
.v2_feature_013 .slick-dots {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 20px
}
.v2_feature_014 .mml-text {
margin-bottom: 50px
}
.v2_feature_014 .mml-text h2 {
font-size: 36px;
color: #202020
}
.v2_feature_014 .mml-nav {
margin-bottom: 50px
}
.v2_feature_014 .mml-nav .slick-dots {
margin: 0 auto;
-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
}
.v2_feature_014 .mml-nav .slick-dots li {
position: relative;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.v2_feature_014 .mml-nav .slick-dots li button {
cursor: pointer;
width: 40px;
height: 40px;
background-color: #fff;
border: solid 2px #ddd;
-webkit-border-radius: 100%;
border-radius: 100%;
font-size: 14px;
color: #202020;
background: none
}
.v2_feature_014 .mml-nav .slick-dots li::before {
content: "";
display: block;
width: 70%;
height: 11px;
background-color: #f4f6f8;
position: absolute;
left: 0;
top: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%)
}
.v2_feature_014 .mml-nav .slick-dots li:first-child::before {
display: none
}
.v2_feature_014 .mml-nav .slick-dots .slick-active button {
border-color: #03a679;
background-color: #03a679;
color: #fff
}
.v2_feature_014 .mml-nav .slick-dots .slick-active::before {
background-color: #03a679
}
.v2_feature_014 .slicker-list {
background-color: #fff;
-webkit-box-shadow: 38px 50px 120px 0 rgba(0,0,0,.1);
box-shadow: 38px 50px 120px 0 rgba(0,0,0,.1);
-webkit-border-radius: 6px;
border-radius: 6px;
padding: 50px 0 75px 0
}
.v2_feature_014 .slicker-list h3 {
color: #202020;
font-size: 20px;
margin-bottom: 20px
}
.v2_feature_014 .slicker-list p {
margin: 0 auto;
max-width: 446px;
color: #aaa
}
@media screen and (max-width: 960px) {
.v2_feature_014 .mml-nav .slick-dots li::before {
width:50%
}
}
@media screen and (max-width: 540px) {
.v2_feature_014 .mml-nav .slick-dots li::before {
display:none
}
}
.v2_feature_015 .list>li {
position: relative;
padding: 110px 30px 50px;
margin-top: 140px;
border-bottom: 5px solid transparent;
-webkit-border-radius: 6px;
border-radius: 6px;
text-align: left;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v2_feature_015 .list .icon {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
max-width: 160px;
max-height: 160px;
border: solid 10px #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow: hidden
}
.v2_feature_015 .list p {
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v2_feature_016 .list>li {
position: relative;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 40px 20px 45px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s;
cursor: pointer
}
.v2_feature_016 .list>li:hover p {
max-height: 1000px
}
.v2_feature_016 .list p {
max-height: 0;
overflow: hidden
}
.v2_feature_016 .list .icon {
position: absolute;
bottom: 0;
left: 50%;
-webkit-transform: translate(-50%,50%);
-ms-transform: translate(-50%,50%);
transform: translate(-50%,50%);
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
@media (max-width: 890px) {
.v2_feature_016 .list>li {
width:calc(50% - 20px);
margin: 0 auto 60px
}
}
@media (max-width: 768px) {
.v2_feature_016 .list.mml-cols-4 {
max-width:100%;
margin: 0
}
.v2_feature_016 .list>li {
width: calc(50% - 20px);
margin: 0 auto 50px
}
.v2_feature_016 .list p {
max-height: unset
}
}
@media (max-width: 480px) {
.v2_feature_016 .list>li {
width:100%
}
}
.v2_feature_017.mml-section {
padding: 80px 0
}
.v2_feature_017>.container {
max-width: 1920px;
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_feature_017 .tit {
max-width: 770px;
width: 41%;
background-color: #03a679;
padding: 130px 80px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
text-align: left
}
.v2_feature_017 .tit .line {
width: 30px;
height: 4px;
margin-top: 30px
}
.v2_feature_017 .list {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1
}
.v2_feature_017 .list.mml-cols-2 {
margin: 0
}
.v2_feature_017 .list>li {
max-width: 100%;
width: 50%;
margin: 0;
padding: 60px 20px 50px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
@media screen and (max-width: 1080px) {
.v2_feature_017 .tit {
padding:80px 40px
}
}
@media screen and (max-width: 880px) {
.v2_feature_017 .tit {
width:100%;
max-width: 100%;
padding: 40px
}
}
.v2_feature_018.mml-section {
padding: 80px 0
}
.v2_feature_018>.container {
max-width: 1920px;
width: 100%
}
.v2_feature_018 .list {
margin: 0
}
.v2_feature_018 .list>li {
width: 33.3333%;
max-width: 100%;
padding: 60px 20px 50px;
margin: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v2_feature_018 .list p {
max-width: 420px;
margin: 10px auto
}
.v2_feature_018 img {
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
.v2_feature_018 .icon {
width: 62px;
height: 62px;
line-height: 62px;
font-size: 20px;
border-style: solid;
border-width: 2px;
text-align: center;
-webkit-border-radius: 50%;
border-radius: 50%;
margin: 0 auto 30px;
-webkit-transition: all .24s;
-o-transition: all .24s;
transition: all .24s
}
.v2_feature_018 .link {
display: inline-block
}
@media screen and (max-width: 1024px) {
.v2_feature_018 .list.mml-cols-3 {
max-width:100%
}
}
@media screen and (max-width: 767px) {
.v2_feature_018 .list>li {
width:100%;
padding: 20px
}
}
.v2_feature_019 .box {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_feature_019 .img {
max-width: 380px;
width: 33%;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
margin-right: 20px
}
.v2_feature_019 .desc {
max-width: 700px;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
margin: 20px 0 0 auto;
text-align: left
}
.v2_feature_019 .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;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
max-width: 660px;
margin-top: 25px
}
.v2_feature_019 .list .icon {
width: 120px;
height: 120px;
line-height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
text-align: center;
overflow: hidden;
margin: 10px 10px 0 0
}
.v2_feature_019 .list img {
max-width: 120px;
max-height: 120px;
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden;
margin: 10px 10px 0 0
}
@media screen and (max-width: 767px) {
.v2_feature_019 .img {
width:100%;
margin: 0 0 30px
}
.v2_feature_019 .desc {
width: 100%;
max-width: 100%;
margin: 0;
-webkit-box-flex: unset;
-webkit-flex: unset;
-ms-flex: unset;
flex: unset
}
}
.v2_footer_001 {
position: relative
}
.v2_footer_001::before {
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
display: block;
content: '';
z-index: -1
}
.v2_footer_001::after {
position: absolute;
top: 0;
right: 0;
width: 50%;
height: 100%;
display: block;
content: '';
z-index: -1
}
.v2_footer_001>.container {
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;
text-align: left
}
.v2_footer_001 .f-left {
width: 50%;
padding-right: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_footer_001 .f-left img {
margin: 0 0 70px
}
.v2_footer_001 .footer-item:not(:last-child) {
margin-bottom: 70px
}
.v2_footer_001 .footer-link {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap
}
.v2_footer_001 .footer-link li {
margin: 10px 20px 10px 0
}
.v2_footer_001 .footer-link a:hover {
text-decoration: underline
}
.v2_footer_001 .footer-contact li {
position: relative;
padding-left: 28px;
margin: 15px 0 30px
}
.v2_footer_001 .footer-contact i {
position: absolute;
left: 0;
top: 4px;
min-width: 16px;
text-align: center
}
.v2_footer_001 .cpr {
margin: 0
}
.v2_footer_001 .f-right {
width: 50%;
padding-left: 90px;
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.v2_footer_001 .f-right .footer-item {
margin-bottom: 60px
}
@media screen and (max-width: 1024px) {
.v2_footer_001 .f-left {
padding-right:3%
}
.v2_footer_001 .f-right {
padding-left: 3%
}
.p63-s4 .tab-nav li {
width: calc(12.5% - 10px);
margin: 0 5px;
}
}
@media screen and (max-width: 860px) {
.p63-s4 .tab-nav li {
width: calc(25% - 10px)
}
.p63-s4 .tab-nav li:nth-child(n+5) {
margin-top: 10px
}
}
@media screen and (max-width: 767px) {
.v2_footer_001::before {
width:100%
}
.v2_footer_001::after {
width: 0
}
.v2_footer_001 .f-left {
width: 100%;
padding-right: 0
}
.v2_footer_001 .f-left img {
margin: 0 0 30px
}
.v2_footer_001 .f-right {
display: none
}
.v2_footer_001 .footer-item:not(:last-child) {
margin-bottom: 30px
}
.p63-s4 .tab-nav li {
font-size: 13px;
padding: 5px 0;
}
}
.v2_gallery_004 h2 {
margin-bottom: 5px;
color: #333
}
.v2_gallery_004 h4 {
font-size: 22px;
color: #444;
margin-top: 25px
}
.v2_gallery_004 .sec-title {
margin-bottom: 50px
}
.v2_gallery_004 section {
width: 90%;
max-width: 1000px
}
.v2_gallery_004 .mml-row {
position: relative
}
.v2_gallery_004 .slick-dots {
position: absolute;
right: 10px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%)
}
.v2_gallery_004 .slick-dots button {
width: 12px;
height: 12px;
-webkit-border-radius: 50%;
border-radius: 50%;
background-color: #999;
margin: 0
}
.v2_gallery_004 .slick-dots li {
margin: 8px 0
}
.v2_gallery_004 .slick-dots li.slick-active {
-webkit-border-radius: 50px;
border-radius: 50px;
border: 9px solid #999;
margin-left: -8px
}
.v2_gallery_004 .slick-dots li.slick-active button {
width: 12px;
background-color: #fff
}
.v2_gallery_004 .slick-slider {
position: unset
}
.v2_gallery_004 .btn-wrap {
text-align: right
}
.v2_gallery_004 a.btn {
background-color: #333;
-webkit-border-radius: 5px;
border-radius: 5px;
color: #fff;
margin: 0;
margin-top: 40px;
border: unset;
padding: 13px 28px;
-webkit-box-shadow: 0 15px 30px 0 #dce0e9;
box-shadow: 0 15px 30px 0 #dce0e9
}
.v2_gallery_004 a.btn:hover {
-webkit-box-shadow: unset;
box-shadow: unset
}
@media (max-width: 768px) {
.v2_gallery_004 .slick-dots li {
margin:3px 0
}
}
@media (max-width: 540px) {
.v2_gallery_004 .slick-dots {
margin-top:0;
-webkit-transform: translateY(-40px);
-ms-transform: translateY(-40px);
transform: translateY(-40px)
}
.v2_gallery_004 .slick-dots li {
margin: 3px 0
}
.v2_gallery_004 .slick-dots button {
width: 6px;
height: 6px
}
.v2_gallery_004 .slick-dots li.slick-active {
border: unset;
margin-left: -5px;
border: 5px solid #999
}
.v2_gallery_004 .slick-dots li.slick-active button {
width: 6px;
height: 6px
}
}
.fa,.fab,.fal,.far,.fas {
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1
}
.fa-lg {
font-size: 1.33333em;
line-height: .75em;
vertical-align: -.0667em
}
.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)
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
transform: rotate(90deg)
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
transform: rotate(180deg)
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
transform: rotate(270deg)
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scaleX(-1);
transform: scaleX(-1)
}
.fa-flip-vertical {
-webkit-transform: scaleY(-1);
transform: scaleY(-1)
}
.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"
}
.fa-flip-horizontal.fa-flip-vertical {
-webkit-transform: scale(-1);
transform: scale(-1)
}
:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270 {
-webkit-filter: none;
filter: none
}
.fa-stack {
display: inline-block;
height: 2em;
line-height: 2em;
position: relative;
vertical-align: middle;
width: 2em
}
.fa-stack-1x,.fa-stack-2x {
left: 0;
position: absolute;
text-align: center;
width: 100%
}
.fa-stack-1x {
line-height: inherit
}
.fa-stack-2x {
font-size: 2em
}
.fa-inverse {
color: #fff
}
.fa-500px:before {
content: "\f26e"
}
.fa-accessible-icon:before {
content: "\f368"
}
.fa-accusoft:before {
content: "\f369"
}
.fa-address-book:before {
content: "\f2b9"
}
.fa-address-card:before {
content: "\f2bb"
}
.fa-adjust:before {
content: "\f042"
}
.fa-adn:before {
content: "\f170"
}
.fa-adversal:before {
content: "\f36a"
}
.fa-affiliatetheme:before {
content: "\f36b"
}
.fa-algolia:before {
content: "\f36c"
}
.fa-align-center:before {
content: "\f037"
}
.fa-align-justify:before {
content: "\f039"
}
.fa-align-left:before {
content: "\f036"
}
.fa-align-right:before {
content: "\f038"
}
.fa-allergies:before {
content: "\f461"
}
.fa-amazon:before {
content: "\f270"
}
.fa-amazon-pay:before {
content: "\f42c"
}
.fa-ambulance:before {
content: "\f0f9"
}
.fa-american-sign-language-interpreting:before {
content: "\f2a3"
}
.fa-amilia:before {
content: "\f36d"
}
.fa-anchor:before {
content: "\f13d"
}
.fa-android:before {
content: "\f17b"
}
.fa-angellist:before {
content: "\f209"
}
.fa-angle-double-down:before {
content: "\f103"
}
.fa-angle-double-left:before {
content: "\f100"
}
.fa-angle-double-right:before {
content: "\f101"
}
.fa-angle-double-up:before {
content: "\f102"
}
.fa-angle-down:before {
content: "\f107"
}
.fa-angle-left:before {
content: "\f104"
}
.fa-angle-right:before {
content: "\f105"
}
.fa-angle-up:before {
content: "\f106"
}
.fa-angrycreative:before {
content: "\f36e"
}
.fa-angular:before {
content: "\f420"
}
.fa-app-store:before {
content: "\f36f"
}
.fa-app-store-ios:before {
content: "\f370"
}
.fa-apper:before {
content: "\f371"
}
.fa-apple:before {
content: "\f179"
}
.fa-apple-pay:before {
content: "\f415"
}
.fa-archive:before {
content: "\f187"
}
.fa-arrow-alt-circle-down:before {
content: "\f358"
}
.fa-arrow-alt-circle-left:before {
content: "\f359"
}
.fa-arrow-alt-circle-right:before {
content: "\f35a"
}
.fa-arrow-alt-circle-up:before {
content: "\f35b"
}
.fa-arrow-circle-down:before {
content: "\f0ab"
}
.fa-arrow-circle-left:before {
content: "\f0a8"
}
.fa-arrow-circle-right:before {
content: "\f0a9"
}
.fa-arrow-circle-up:before {
content: "\f0aa"
}
.fa-arrow-down:before {
content: "\f063"
}
.fa-arrow-left:before {
content: "\f060"
}
.fa-arrow-right:before {
content: "\f061"
}
.fa-arrow-up:before {
content: "\f062"
}
.fa-arrows-alt:before {
content: "\f0b2"
}
.fa-arrows-alt-h:before {
content: "\f337"
}
.fa-arrows-alt-v:before {
content: "\f338"
}
.fa-assistive-listening-systems:before {
content: "\f2a2"
}
.fa-asterisk:before {
content: "\f069"
}
.fa-asymmetrik:before {
content: "\f372"
}
.fa-at:before {
content: "\f1fa"
}
.fa-audible:before {
content: "\f373"
}
.fa-audio-description:before {
content: "\f29e"
}
.fa-autoprefixer:before {
content: "\f41c"
}
.fa-avianex:before {
content: "\f374"
}
.fa-aviato:before {
content: "\f421"
}
.fa-aws:before {
content: "\f375"
}
.fa-backward:before {
content: "\f04a"
}
.fa-balance-scale:before {
content: "\f24e"
}
.fa-ban:before {
content: "\f05e"
}
.fa-band-aid:before {
content: "\f462"
}
.fa-bandcamp:before {
content: "\f2d5"
}
.fa-barcode:before {
content: "\f02a"
}
.fa-bars:before {
content: "\f0c9"
}
.fa-baseball-ball:before {
content: "\f433"
}
.fa-basketball-ball:before {
content: "\f434"
}
.fa-bath:before {
content: "\f2cd"
}
.fa-battery-empty:before {
content: "\f244"
}
.fa-battery-full:before {
content: "\f240"
}
.fa-battery-half:before {
content: "\f242"
}
.fa-battery-quarter:before {
content: "\f243"
}
.fa-battery-three-quarters:before {
content: "\f241"
}
.fa-bed:before {
content: "\f236"
}
.fa-beer:before {
content: "\f0fc"
}
.fa-behance:before {
content: "\f1b4"
}
.fa-behance-square:before {
content: "\f1b5"
}
.fa-bell:before {
content: "\f0f3"
}
.fa-bell-slash:before {
content: "\f1f6"
}
.fa-bicycle:before {
content: "\f206"
}
.fa-bimobject:before {
content: "\f378"
}
.fa-binoculars:before {
content: "\f1e5"
}
.fa-birthday-cake:before {
content: "\f1fd"
}
.fa-bitbucket:before {
content: "\f171"
}
.fa-bitcoin:before {
content: "\f379"
}
.fa-bity:before {
content: "\f37a"
}
.fa-black-tie:before {
content: "\f27e"
}
.fa-blackberry:before {
content: "\f37b"
}
.fa-blind:before {
content: "\f29d"
}
.fa-blogger:before {
content: "\f37c"
}
.fa-blogger-b:before {
content: "\f37d"
}
.fa-bluetooth:before {
content: "\f293"
}
.fa-bluetooth-b:before {
content: "\f294"
}
.fa-bold:before {
content: "\f032"
}
.fa-bolt:before {
content: "\f0e7"
}
.fa-bomb:before {
content: "\f1e2"
}
.fa-book:before {
content: "\f02d"
}
.fa-bookmark:before {
content: "\f02e"
}
.fa-bowling-ball:before {
content: "\f436"
}
.fa-box:before {
content: "\f466"
}
.fa-box-open:before {
content: "\f49e"
}
.fa-boxes:before {
content: "\f468"
}
.fa-braille:before {
content: "\f2a1"
}
.fa-briefcase:before {
content: "\f0b1"
}
.fa-briefcase-medical:before {
content: "\f469"
}
.fa-btc:before {
content: "\f15a"
}
.fa-bug:before {
content: "\f188"
}
.fa-building:before {
content: "\f1ad"
}
.fa-bullhorn:before {
content: "\f0a1"
}
.fa-bullseye:before {
content: "\f140"
}
.fa-burn:before {
content: "\f46a"
}
.fa-buromobelexperte:before {
content: "\f37f"
}
.fa-bus:before {
content: "\f207"
}
.fa-buysellads:before {
content: "\f20d"
}
.fa-calculator:before {
content: "\f1ec"
}
.fa-calendar:before {
content: "\f133"
}
.fa-calendar-alt:before {
content: "\f073"
}
.fa-calendar-check:before {
content: "\f274"
}
.fa-calendar-minus:before {
content: "\f272"
}
.fa-calendar-plus:before {
content: "\f271"
}
.fa-calendar-times:before {
content: "\f273"
}
.fa-camera:before {
content: "\f030"
}
.fa-camera-retro:before {
content: "\f083"
}
.fa-capsules:before {
content: "\f46b"
}
.fa-car:before {
content: "\f1b9"
}
.fa-caret-down:before {
content: "\f0d7"
}
.fa-caret-left:before {
content: "\f0d9"
}
.fa-caret-right:before {
content: "\f0da"
}
.fa-caret-square-down:before {
content: "\f150"
}
.fa-caret-square-left:before {
content: "\f191"
}
.fa-caret-square-right:before {
content: "\f152"
}
.fa-caret-square-up:before {
content: "\f151"
}
.fa-caret-up:before {
content: "\f0d8"
}
.fa-cart-arrow-down:before {
content: "\f218"
}
.fa-cart-plus:before {
content: "\f217"
}
.fa-cc-amazon-pay:before {
content: "\f42d"
}
.fa-cc-amex:before {
content: "\f1f3"
}
.fa-cc-apple-pay:before {
content: "\f416"
}
.fa-cc-diners-club:before {
content: "\f24c"
}
.fa-cc-discover:before {
content: "\f1f2"
}
.fa-cc-jcb:before {
content: "\f24b"
}
.fa-cc-mastercard:before {
content: "\f1f1"
}
.fa-cc-paypal:before {
content: "\f1f4"
}
.fa-cc-stripe:before {
content: "\f1f5"
}
.fa-cc-visa:before {
content: "\f1f0"
}
.fa-centercode:before {
content: "\f380"
}
.fa-certificate:before {
content: "\f0a3"
}
.fa-chart-area:before {
content: "\f1fe"
}
.fa-chart-bar:before {
content: "\f080"
}
.fa-chart-line:before {
content: "\f201"
}
.fa-chart-pie:before {
content: "\f200"
}
.fa-check:before {
content: "\f00c"
}
.fa-check-circle:before {
content: "\f058"
}
.fa-check-square:before {
content: "\f14a"
}
.fa-chess:before {
content: "\f439"
}
.fa-chess-bishop:before {
content: "\f43a"
}
.fa-chess-board:before {
content: "\f43c"
}
.fa-chess-king:before {
content: "\f43f"
}
.fa-chess-knight:before {
content: "\f441"
}
.fa-chess-pawn:before {
content: "\f443"
}
.fa-chess-queen:before {
content: "\f445"
}
.fa-chess-rook:before {
content: "\f447"
}
.fa-chevron-circle-down:before {
content: "\f13a"
}
.fa-chevron-circle-left:before {
content: "\f137"
}
.fa-chevron-circle-right:before {
content: "\f138"
}
.fa-chevron-circle-up:before {
content: "\f139"
}
.fa-chevron-down:before {
content: "\f078"
}
.fa-chevron-left:before {
content: "\f053"
}
.fa-chevron-right:before {
content: "\f054"
}
.fa-chevron-up:before {
content: "\f077"
}
.fa-child:before {
content: "\f1ae"
}
.fa-chrome:before {
content: "\f268"
}
.fa-circle:before {
content: "\f111"
}
.fa-circle-notch:before {
content: "\f1ce"
}
.fa-clipboard:before {
content: "\f328"
}
.fa-clipboard-check:before {
content: "\f46c"
}
.fa-clipboard-list:before {
content: "\f46d"
}
.fa-clock:before {
content: "\f017"
}
.fa-clone:before {
content: "\f24d"
}
.fa-closed-captioning:before {
content: "\f20a"
}
.fa-cloud:before {
content: "\f0c2"
}
.fa-cloud-download-alt:before {
content: "\f381"
}
.fa-cloud-upload-alt:before {
content: "\f382"
}
.fa-cloudscale:before {
content: "\f383"
}
.fa-cloudsmith:before {
content: "\f384"
}
.fa-cloudversify:before {
content: "\f385"
}
.fa-code:before {
content: "\f121"
}
.fa-code-branch:before {
content: "\f126"
}
.fa-codepen:before {
content: "\f1cb"
}
.fa-codiepie:before {
content: "\f284"
}
.fa-coffee:before {
content: "\f0f4"
}
.fa-cog:before {
content: "\f013"
}
.fa-cogs:before {
content: "\f085"
}
.fa-columns:before {
content: "\f0db"
}
.fa-comment:before {
content: "\f075"
}
.fa-comment-alt:before {
content: "\f27a"
}
.fa-comment-dots:before {
content: "\f4ad"
}
.fa-comment-slash:before {
content: "\f4b3"
}
.fa-comments:before {
content: "\f086"
}
.fa-compass:before {
content: "\f14e"
}
.fa-compress:before {
content: "\f066"
}
.fa-connectdevelop:before {
content: "\f20e"
}
.fa-contao:before {
content: "\f26d"
}
.fa-copy:before {
content: "\f0c5"
}
.fa-copyright:before {
content: "\f1f9"
}
.fa-couch:before {
content: "\f4b8"
}
.fa-cpanel:before {
content: "\f388"
}
.fa-creative-commons:before {
content: "\f25e"
}
.fa-credit-card:before {
content: "\f09d"
}
.fa-crop:before {
content: "\f125"
}
.fa-crosshairs:before {
content: "\f05b"
}
.fa-css3:before {
content: "\f13c"
}
.fa-css3-alt:before {
content: "\f38b"
}
.fa-cube:before {
content: "\f1b2"
}
.fa-cubes:before {
content: "\f1b3"
}
.fa-cut:before {
content: "\f0c4"
}
.fa-cuttlefish:before {
content: "\f38c"
}
.fa-d-and-d:before {
content: "\f38d"
}
.fa-dashcube:before {
content: "\f210"
}
.fa-database:before {
content: "\f1c0"
}
.fa-deaf:before {
content: "\f2a4"
}
.fa-delicious:before {
content: "\f1a5"
}
.fa-deploydog:before {
content: "\f38e"
}
.fa-deskpro:before {
content: "\f38f"
}
.fa-desktop:before {
content: "\f108"
}
.fa-deviantart:before {
content: "\f1bd"
}
.fa-diagnoses:before {
content: "\f470"
}
.fa-digg:before {
content: "\f1a6"
}
.fa-digital-ocean:before {
content: "\f391"
}
.fa-discord:before {
content: "\f392"
}
.fa-discourse:before {
content: "\f393"
}
.fa-dna:before {
content: "\f471"
}
.fa-dochub:before {
content: "\f394"
}
.fa-docker:before {
content: "\f395"
}
.fa-dollar-sign:before {
content: "\f155"
}
.fa-dolly:before {
content: "\f472"
}
.fa-dolly-flatbed:before {
content: "\f474"
}
.fa-donate:before {
content: "\f4b9"
}
.fa-dot-circle:before {
content: "\f192"
}
.fa-dove:before {
content: "\f4ba"
}
.fa-download:before {
content: "\f019"
}
.fa-draft2digital:before {
content: "\f396"
}
.fa-dribbble:before {
content: "\f17d"
}
.fa-dribbble-square:before {
content: "\f397"
}
.fa-dropbox:before {
content: "\f16b"
}
.fa-drupal:before {
content: "\f1a9"
}
.fa-dyalog:before {
content: "\f399"
}
.fa-earlybirds:before {
content: "\f39a"
}
.fa-edge:before {
content: "\f282"
}
.fa-edit:before {
content: "\f044"
}
.fa-eject:before {
content: "\f052"
}
.fa-elementor:before {
content: "\f430"
}
.fa-ellipsis-h:before {
content: "\f141"
}
.fa-ellipsis-v:before {
content: "\f142"
}
.fa-ember:before {
content: "\f423"
}
.fa-empire:before {
content: "\f1d1"
}
.fa-envelope:before {
content: "\f0e0"
}
.fa-envelope-open:before {
content: "\f2b6"
}
.fa-envelope-square:before {
content: "\f199"
}
.fa-envira:before {
content: "\f299"
}
.fa-eraser:before {
content: "\f12d"
}
.fa-erlang:before {
content: "\f39d"
}
.fa-ethereum:before {
content: "\f42e"
}
.fa-etsy:before {
content: "\f2d7"
}
.fa-euro-sign:before {
content: "\f153"
}
.fa-exchange-alt:before {
content: "\f362"
}
.fa-exclamation:before {
content: "\f12a"
}
.fa-exclamation-circle:before {
content: "\f06a"
}
.fa-exclamation-triangle:before {
content: "\f071"
}
.fa-expand:before {
content: "\f065"
}
.fa-expand-arrows-alt:before {
content: "\f31e"
}
.fa-expeditedssl:before {
content: "\f23e"
}
.fa-external-link-alt:before {
content: "\f35d"
}
.fa-external-link-square-alt:before {
content: "\f360"
}
.fa-eye:before {
content: "\f06e"
}
.fa-eye-dropper:before {
content: "\f1fb"
}
.fa-eye-slash:before {
content: "\f070"
}
.fa-facebook:before {
content: "\f09a"
}
.fa-facebook-f:before {
content: "\f39e"
}
.fa-facebook-messenger:before {
content: "\f39f"
}
.fa-facebook-square:before {
content: "\f082"
}
.fa-fast-backward:before {
content: "\f049"
}
.fa-fast-forward:before {
content: "\f050"
}
.fa-fax:before {
content: "\f1ac"
}
.fa-female:before {
content: "\f182"
}
.fa-fighter-jet:before {
content: "\f0fb"
}
.fa-file:before {
content: "\f15b"
}
.fa-file-alt:before {
content: "\f15c"
}
.fa-file-archive:before {
content: "\f1c6"
}
.fa-file-audio:before {
content: "\f1c7"
}
.fa-file-code:before {
content: "\f1c9"
}
.fa-file-excel:before {
content: "\f1c3"
}
.fa-file-image:before {
content: "\f1c5"
}
.fa-file-medical:before {
content: "\f477"
}
.fa-file-medical-alt:before {
content: "\f478"
}
.fa-file-pdf:before {
content: "\f1c1"
}
.fa-file-powerpoint:before {
content: "\f1c4"
}
.fa-file-video:before {
content: "\f1c8"
}
.fa-file-word:before {
content: "\f1c2"
}
.fa-film:before {
content: "\f008"
}
.fa-filter:before {
content: "\f0b0"
}
.fa-fire:before {
content: "\f06d"
}
.fa-fire-extinguisher:before {
content: "\f134"
}
.fa-firefox:before {
content: "\f269"
}
.fa-first-aid:before {
content: "\f479"
}
.fa-first-order:before {
content: "\f2b0"
}
.fa-firstdraft:before {
content: "\f3a1"
}
.fa-flag:before {
content: "\f024"
}
.fa-flag-checkered:before {
content: "\f11e"
}
.fa-flask:before {
content: "\f0c3"
}
.fa-flickr:before {
content: "\f16e"
}
.fa-flipboard:before {
content: "\f44d"
}
.fa-fly:before {
content: "\f417"
}
.fa-folder:before {
content: "\f07b"
}
.fa-folder-open:before {
content: "\f07c"
}
.fa-font:before {
content: "\f031"
}
.fa-font-awesome:before {
content: "\f2b4"
}
.fa-font-awesome-alt:before {
content: "\f35c"
}
.fa-font-awesome-flag:before {
content: "\f425"
}
.fa-fonticons:before {
content: "\f280"
}
.fa-fonticons-fi:before {
content: "\f3a2"
}
.fa-football-ball:before {
content: "\f44e"
}
.fa-fort-awesome:before {
content: "\f286"
}
.fa-fort-awesome-alt:before {
content: "\f3a3"
}
.fa-forumbee:before {
content: "\f211"
}
.fa-forward:before {
content: "\f04e"
}
.fa-foursquare:before {
content: "\f180"
}
.fa-free-code-camp:before {
content: "\f2c5"
}
.fa-freebsd:before {
content: "\f3a4"
}
.fa-frown:before {
content: "\f119"
}
.fa-futbol:before {
content: "\f1e3"
}
.fa-gamepad:before {
content: "\f11b"
}
.fa-gavel:before {
content: "\f0e3"
}
.fa-gem:before {
content: "\f3a5"
}
.fa-genderless:before {
content: "\f22d"
}
.fa-get-pocket:before {
content: "\f265"
}
.fa-gg:before {
content: "\f260"
}
.fa-gg-circle:before {
content: "\f261"
}
.fa-gift:before {
content: "\f06b"
}
.fa-git:before {
content: "\f1d3"
}
.fa-git-square:before {
content: "\f1d2"
}
.fa-github:before {
content: "\f09b"
}
.fa-github-alt:before {
content: "\f113"
}
.fa-github-square:before {
content: "\f092"
}
.fa-gitkraken:before {
content: "\f3a6"
}
.fa-gitlab:before {
content: "\f296"
}
.fa-gitter:before {
content: "\f426"
}
.fa-glass-martini:before {
content: "\f000"
}
.fa-glide:before {
content: "\f2a5"
}
.fa-glide-g:before {
content: "\f2a6"
}
.fa-globe:before {
content: "\f0ac"
}
.fa-gofore:before {
content: "\f3a7"
}
.fa-golf-ball:before {
content: "\f450"
}
.fa-goodreads:before {
content: "\f3a8"
}
.fa-goodreads-g:before {
content: "\f3a9"
}
.fa-google:before {
content: "\f1a0"
}
.fa-google-drive:before {
content: "\f3aa"
}
.fa-google-play:before {
content: "\f3ab"
}
.fa-google-plus:before {
content: "\f2b3"
}
.fa-google-plus-g:before {
content: "\f0d5"
}
.fa-google-plus-square:before {
content: "\f0d4"
}
.fa-google-wallet:before {
content: "\f1ee"
}
.fa-graduation-cap:before {
content: "\f19d"
}
.fa-gratipay:before {
content: "\f184"
}
.fa-grav:before {
content: "\f2d6"
}
.fa-gripfire:before {
content: "\f3ac"
}
.fa-grunt:before {
content: "\f3ad"
}
.fa-gulp:before {
content: "\f3ae"
}
.fa-h-square:before {
content: "\f0fd"
}
.fa-hacker-news:before {
content: "\f1d4"
}
.fa-hacker-news-square:before {
content: "\f3af"
}
.fa-hand-holding:before {
content: "\f4bd"
}
.fa-hand-holding-heart:before {
content: "\f4be"
}
.fa-hand-holding-usd:before {
content: "\f4c0"
}
.fa-hand-lizard:before {
content: "\f258"
}
.fa-hand-paper:before {
content: "\f256"
}
.fa-hand-peace:before {
content: "\f25b"
}
.fa-hand-point-down:before {
content: "\f0a7"
}
.fa-hand-point-left:before {
content: "\f0a5"
}
.fa-hand-point-right:before {
content: "\f0a4"
}
.fa-hand-point-up:before {
content: "\f0a6"
}
.fa-hand-pointer:before {
content: "\f25a"
}
.fa-hand-rock:before {
content: "\f255"
}
.fa-hand-scissors:before {
content: "\f257"
}
.fa-hand-spock:before {
content: "\f259"
}
.fa-hands:before {
content: "\f4c2"
}
.fa-hands-helping:before {
content: "\f4c4"
}
.fa-handshake:before {
content: "\f2b5"
}
.fa-hashtag:before {
content: "\f292"
}
.fa-hdd:before {
content: "\f0a0"
}
.fa-heading:before {
content: "\f1dc"
}
.fa-headphones:before {
content: "\f025"
}
.fa-heart:before {
content: "\f004"
}
.fa-heartbeat:before {
content: "\f21e"
}
.fa-hips:before {
content: "\f452"
}
.fa-hire-a-helper:before {
content: "\f3b0"
}
.fa-history:before {
content: "\f1da"
}
.fa-hockey-puck:before {
content: "\f453"
}
.fa-home:before {
content: "\f015"
}
.fa-hooli:before {
content: "\f427"
}
.fa-hospital:before {
content: "\f0f8"
}
.fa-hospital-alt:before {
content: "\f47d"
}
.fa-hospital-symbol:before {
content: "\f47e"
}
.fa-hotjar:before {
content: "\f3b1"
}
.fa-hourglass:before {
content: "\f254"
}
.fa-hourglass-end:before {
content: "\f253"
}
.fa-hourglass-half:before {
content: "\f252"
}
.fa-hourglass-start:before {
content: "\f251"
}
.fa-houzz:before {
content: "\f27c"
}
.fa-html5:before {
content: "\f13b"
}
.fa-hubspot:before {
content: "\f3b2"
}
.fa-i-cursor:before {
content: "\f246"
}
.fa-id-badge:before {
content: "\f2c1"
}
.fa-id-card:before {
content: "\f2c2"
}
.fa-id-card-alt:before {
content: "\f47f"
}
.fa-image:before {
content: "\f03e"
}
.fa-images:before {
content: "\f302"
}
.fa-imdb:before {
content: "\f2d8"
}
.fa-inbox:before {
content: "\f01c"
}
.fa-indent:before {
content: "\f03c"
}
.fa-industry:before {
content: "\f275"
}
.fa-info:before {
content: "\f129"
}
.fa-info-circle:before {
content: "\f05a"
}
.fa-instagram:before {
content: "\f16d"
}
.fa-internet-explorer:before {
content: "\f26b"
}
.fa-ioxhost:before {
content: "\f208"
}
.fa-italic:before {
content: "\f033"
}
.fa-itunes:before {
content: "\f3b4"
}
.fa-itunes-note:before {
content: "\f3b5"
}
.fa-jenkins:before {
content: "\f3b6"
}
.fa-joget:before {
content: "\f3b7"
}
.fa-joomla:before {
content: "\f1aa"
}
.fa-js:before {
content: "\f3b8"
}
.fa-js-square:before {
content: "\f3b9"
}
.fa-jsfiddle:before {
content: "\f1cc"
}
.fa-key:before {
content: "\f084"
}
.fa-keyboard:before {
content: "\f11c"
}
.fa-keycdn:before {
content: "\f3ba"
}
.fa-kickstarter:before {
content: "\f3bb"
}
.fa-kickstarter-k:before {
content: "\f3bc"
}
.fa-korvue:before {
content: "\f42f"
}
.fa-language:before {
content: "\f1ab"
}
.fa-laptop:before {
content: "\f109"
}
.fa-laravel:before {
content: "\f3bd"
}
.fa-lastfm:before {
content: "\f202"
}
.fa-lastfm-square:before {
content: "\f203"
}
.fa-leaf:before {
content: "\f06c"
}
.fa-leanpub:before {
content: "\f212"
}
.fa-lemon:before {
content: "\f094"
}
.fa-less:before {
content: "\f41d"
}
.fa-level-down-alt:before {
content: "\f3be"
}
.fa-level-up-alt:before {
content: "\f3bf"
}
.fa-life-ring:before {
content: "\f1cd"
}
.fa-lightbulb:before {
content: "\f0eb"
}
.fa-line:before {
content: "\f3c0"
}
.fa-link:before {
content: "\f0c1"
}
.fa-linkedin:before {
content: "\f08c"
}
.fa-linkedin-in:before {
content: "\f0e1"
}
.fa-linode:before {
content: "\f2b8"
}
.fa-linux:before {
content: "\f17c"
}
.fa-lira-sign:before {
content: "\f195"
}
.fa-list:before {
content: "\f03a"
}
.fa-list-alt:before {
content: "\f022"
}
.fa-list-ol:before {
content: "\f0cb"
}
.fa-list-ul:before {
content: "\f0ca"
}
.fa-location-arrow:before {
content: "\f124"
}
.fa-lock:before {
content: "\f023"
}
.fa-lock-open:before {
content: "\f3c1"
}
.fa-long-arrow-alt-down:before {
content: "\f309"
}
.fa-long-arrow-alt-left:before {
content: "\f30a"
}
.fa-long-arrow-alt-right:before {
content: "\f30b"
}
.fa-long-arrow-alt-up:before {
content: "\f30c"
}
.fa-low-vision:before {
content: "\f2a8"
}
.fa-lyft:before {
content: "\f3c3"
}
.fa-magento:before {
content: "\f3c4"
}
.fa-magic:before {
content: "\f0d0"
}
.fa-magnet:before {
content: "\f076"
}
.fa-male:before {
content: "\f183"
}
.fa-map:before {
content: "\f279"
}
.fa-map-marker:before {
content: "\f041"
}
.fa-map-marker-alt:before {
content: "\f3c5"
}
.fa-map-pin:before {
content: "\f276"
}
.fa-map-signs:before {
content: "\f277"
}
.fa-mars:before {
content: "\f222"
}
.fa-mars-double:before {
content: "\f227"
}
.fa-mars-stroke:before {
content: "\f229"
}
.fa-mars-stroke-h:before {
content: "\f22b"
}
.fa-mars-stroke-v:before {
content: "\f22a"
}
.fa-maxcdn:before {
content: "\f136"
}
.fa-medapps:before {
content: "\f3c6"
}
.fa-medium:before {
content: "\f23a"
}
.fa-medium-m:before {
content: "\f3c7"
}
.fa-medkit:before {
content: "\f0fa"
}
.fa-medrt:before {
content: "\f3c8"
}
.fa-meetup:before {
content: "\f2e0"
}
.fa-meh:before {
content: "\f11a"
}
.fa-mercury:before {
content: "\f223"
}
.fa-microchip:before {
content: "\f2db"
}
.fa-microphone:before {
content: "\f130"
}
.fa-microphone-slash:before {
content: "\f131"
}
.fa-microsoft:before {
content: "\f3ca"
}
.fa-minus:before {
content: "\f068"
}
.fa-minus-circle:before {
content: "\f056"
}
.fa-minus-square:before {
content: "\f146"
}
.fa-mix:before {
content: "\f3cb"
}
.fa-mixcloud:before {
content: "\f289"
}
.fa-mizuni:before {
content: "\f3cc"
}
.fa-mobile:before {
content: "\f10b"
}
.fa-mobile-alt:before {
content: "\f3cd"
}
.fa-modx:before {
content: "\f285"
}
.fa-monero:before {
content: "\f3d0"
}
.fa-money-bill-alt:before {
content: "\f3d1"
}
.fa-moon:before {
content: "\f186"
}
.fa-motorcycle:before {
content: "\f21c"
}
.fa-mouse-pointer:before {
content: "\f245"
}
.fa-music:before {
content: "\f001"
}
.fa-napster:before {
content: "\f3d2"
}
.fa-neuter:before {
content: "\f22c"
}
.fa-newspaper:before {
content: "\f1ea"
}
.fa-nintendo-switch:before {
content: "\f418"
}
.fa-node:before {
content: "\f419"
}
.fa-node-js:before {
content: "\f3d3"
}
.fa-notes-medical:before {
content: "\f481"
}
.fa-npm:before {
content: "\f3d4"
}
.fa-ns8:before {
content: "\f3d5"
}
.fa-nutritionix:before {
content: "\f3d6"
}
.fa-object-group:before {
content: "\f247"
}
.fa-object-ungroup:before {
content: "\f248"
}
.fa-odnoklassniki:before {
content: "\f263"
}
.fa-odnoklassniki-square:before {
content: "\f264"
}
.fa-opencart:before {
content: "\f23d"
}
.fa-openid:before {
content: "\f19b"
}
.fa-opera:before {
content: "\f26a"
}
.fa-optin-monster:before {
content: "\f23c"
}
.fa-osi:before {
content: "\f41a"
}
.fa-outdent:before {
content: "\f03b"
}
.fa-page4:before {
content: "\f3d7"
}
.fa-pagelines:before {
content: "\f18c"
}
.fa-paint-brush:before {
content: "\f1fc"
}
.fa-palfed:before {
content: "\f3d8"
}
.fa-pallet:before {
content: "\f482"
}
.fa-paper-plane:before {
content: "\f1d8"
}
.fa-paperclip:before {
content: "\f0c6"
}
.fa-parachute-box:before {
content: "\f4cd"
}
.fa-paragraph:before {
content: "\f1dd"
}
.fa-paste:before {
content: "\f0ea"
}
.fa-patreon:before {
content: "\f3d9"
}
.fa-pause:before {
content: "\f04c"
}
.fa-pause-circle:before {
content: "\f28b"
}
.fa-paw:before {
content: "\f1b0"
}
.fa-paypal:before {
content: "\f1ed"
}
.fa-pen-square:before {
content: "\f14b"
}
.fa-pencil-alt:before {
content: "\f303"
}
.fa-people-carry:before {
content: "\f4ce"
}
.fa-percent:before {
content: "\f295"
}
.fa-periscope:before {
content: "\f3da"
}
.fa-phabricator:before {
content: "\f3db"
}
.fa-phoenix-framework:before {
content: "\f3dc"
}
.fa-phone:before {
content: "\f095"
}
.fa-phone-slash:before {
content: "\f3dd"
}
.fa-phone-square:before {
content: "\f098"
}
.fa-phone-volume:before {
content: "\f2a0"
}
.fa-php:before {
content: "\f457"
}
.fa-pied-piper:before {
content: "\f2ae"
}
.fa-pied-piper-alt:before {
content: "\f1a8"
}
.fa-pied-piper-pp:before {
content: "\f1a7"
}
.fa-piggy-bank:before {
content: "\f4d3"
}
.fa-pills:before {
content: "\f484"
}
.fa-pinterest:before {
content: "\f0d2"
}
.fa-pinterest-p:before {
content: "\f231"
}
.fa-pinterest-square:before {
content: "\f0d3"
}
.fa-plane:before {
content: "\f072"
}
.fa-play:before {
content: "\f04b"
}
.fa-play-circle:before {
content: "\f144"
}
.fa-playstation:before {
content: "\f3df"
}
.fa-plug:before {
content: "\f1e6"
}
.fa-plus:before {
content: "\f067"
}
.fa-plus-circle:before {
content: "\f055"
}
.fa-plus-square:before {
content: "\f0fe"
}
.fa-podcast:before {
content: "\f2ce"
}
.fa-poo:before {
content: "\f2fe"
}
.fa-pound-sign:before {
content: "\f154"
}
.fa-power-off:before {
content: "\f011"
}
.fa-prescription-bottle:before {
content: "\f485"
}
.fa-prescription-bottle-alt:before {
content: "\f486"
}
.fa-print:before {
content: "\f02f"
}
.fa-procedures:before {
content: "\f487"
}
.fa-product-hunt:before {
content: "\f288"
}
.fa-pushed:before {
content: "\f3e1"
}
.fa-puzzle-piece:before {
content: "\f12e"
}
.fa-python:before {
content: "\f3e2"
}
.fa-qq:before {
content: "\f1d6"
}
.fa-qrcode:before {
content: "\f029"
}
.fa-question:before {
content: "\f128"
}
.fa-question-circle:before {
content: "\f059"
}
.fa-quidditch:before {
content: "\f458"
}
.fa-quinscape:before {
content: "\f459"
}
.fa-quora:before {
content: "\f2c4"
}
.fa-quote-left:before {
content: "\f10d"
}
.fa-quote-right:before {
content: "\f10e"
}
.fa-random:before {
content: "\f074"
}
.fa-ravelry:before {
content: "\f2d9"
}
.fa-react:before {
content: "\f41b"
}
.fa-readme:before {
content: "\f4d5"
}
.fa-rebel:before {
content: "\f1d0"
}
.fa-recycle:before {
content: "\f1b8"
}
.fa-red-river:before {
content: "\f3e3"
}
.fa-reddit:before {
content: "\f1a1"
}
.fa-reddit-alien:before {
content: "\f281"
}
.fa-reddit-square:before {
content: "\f1a2"
}
.fa-redo:before {
content: "\f01e"
}
.fa-redo-alt:before {
content: "\f2f9"
}
.fa-registered:before {
content: "\f25d"
}
.fa-rendact:before {
content: "\f3e4"
}
.fa-renren:before {
content: "\f18b"
}
.fa-reply:before {
content: "\f3e5"
}
.fa-reply-all:before {
content: "\f122"
}
.fa-replyd:before {
content: "\f3e6"
}
.fa-resolving:before {
content: "\f3e7"
}
.fa-retweet:before {
content: "\f079"
}
.fa-ribbon:before {
content: "\f4d6"
}
.fa-road:before {
content: "\f018"
}
.fa-rocket:before {
content: "\f135"
}
.fa-rocketchat:before {
content: "\f3e8"
}
.fa-rockrms:before {
content: "\f3e9"
}
.fa-rss:before {
content: "\f09e"
}
.fa-rss-square:before {
content: "\f143"
}
.fa-ruble-sign:before {
content: "\f158"
}
.fa-rupee-sign:before {
content: "\f156"
}
.fa-safari:before {
content: "\f267"
}
.fa-sass:before {
content: "\f41e"
}
.fa-save:before {
content: "\f0c7"
}
.fa-schlix:before {
content: "\f3ea"
}
.fa-scribd:before {
content: "\f28a"
}
.fa-search:before {
content: "\f002"
}
.fa-search-minus:before {
content: "\f010"
}
.fa-search-plus:before {
content: "\f00e"
}
.fa-searchengin:before {
content: "\f3eb"
}
.fa-seedling:before {
content: "\f4d8"
}
.fa-sellcast:before {
content: "\f2da"
}
.fa-sellsy:before {
content: "\f213"
}
.fa-server:before {
content: "\f233"
}
.fa-servicestack:before {
content: "\f3ec"
}
.fa-share:before {
content: "\f064"
}
.fa-share-alt:before {
content: "\f1e0"
}
.fa-share-alt-square:before {
content: "\f1e1"
}
.fa-share-square:before {
content: "\f14d"
}
.fa-shekel-sign:before {
content: "\f20b"
}
.fa-shield-alt:before {
content: "\f3ed"
}
.fa-ship:before {
content: "\f21a"
}
.fa-shipping-fast:before {
content: "\f48b"
}
.fa-shirtsinbulk:before {
content: "\f214"
}
.fa-shopping-bag:before {
content: "\f290"
}
.fa-shopping-basket:before {
content: "\f291"
}
.fa-shopping-cart:before {
content: "\f07a"
}
.fa-shower:before {
content: "\f2cc"
}
.fa-sign:before {
content: "\f4d9"
}
.fa-sign-in-alt:before {
content: "\f2f6"
}
.fa-sign-language:before {
content: "\f2a7"
}
.fa-sign-out-alt:before {
content: "\f2f5"
}
.fa-signal:before {
content: "\f012"
}
.fa-simplybuilt:before {
content: "\f215"
}
.fa-sistrix:before {
content: "\f3ee"
}
.fa-sitemap:before {
content: "\f0e8"
}
.fa-skyatlas:before {
content: "\f216"
}
.fa-skype:before {
content: "\f17e"
}
.fa-slack:before {
content: "\f198"
}
.fa-slack-hash:before {
content: "\f3ef"
}
.fa-sliders-h:before {
content: "\f1de"
}
.fa-slideshare:before {
content: "\f1e7"
}
.fa-smile:before {
content: "\f118"
}
.fa-smoking:before {
content: "\f48d"
}
.fa-snapchat:before {
content: "\f2ab"
}
.fa-snapchat-ghost:before {
content: "\f2ac"
}
.fa-snapchat-square:before {
content: "\f2ad"
}
.fa-snowflake:before {
content: "\f2dc"
}
.fa-sort:before {
content: "\f0dc"
}
.fa-sort-alpha-down:before {
content: "\f15d"
}
.fa-sort-alpha-up:before {
content: "\f15e"
}
.fa-sort-amount-down:before {
content: "\f160"
}
.fa-sort-amount-up:before {
content: "\f161"
}
.fa-sort-down:before {
content: "\f0dd"
}
.fa-sort-numeric-down:before {
content: "\f162"
}
.fa-sort-numeric-up:before {
content: "\f163"
}
.fa-sort-up:before {
content: "\f0de"
}
.fa-soundcloud:before {
content: "\f1be"
}
.fa-space-shuttle:before {
content: "\f197"
}
.fa-speakap:before {
content: "\f3f3"
}
.fa-spinner:before {
content: "\f110"
}
.fa-spotify:before {
content: "\f1bc"
}
.fa-square:before {
content: "\f0c8"
}
.fa-square-full:before {
content: "\f45c"
}
.fa-stack-exchange:before {
content: "\f18d"
}
.fa-stack-overflow:before {
content: "\f16c"
}
.fa-star:before {
content: "\f005"
}
.fa-star-half:before {
content: "\f089"
}
.fa-staylinked:before {
content: "\f3f5"
}
.fa-steam:before {
content: "\f1b6"
}
.fa-steam-square:before {
content: "\f1b7"
}
.fa-steam-symbol:before {
content: "\f3f6"
}
.fa-step-backward:before {
content: "\f048"
}
.fa-step-forward:before {
content: "\f051"
}
.fa-stethoscope:before {
content: "\f0f1"
}
.fa-sticker-mule:before {
content: "\f3f7"
}
.fa-sticky-note:before {
content: "\f249"
}
.fa-stop:before {
content: "\f04d"
}
.fa-stop-circle:before {
content: "\f28d"
}
.fa-stopwatch:before {
content: "\f2f2"
}
.fa-strava:before {
content: "\f428"
}
.fa-street-view:before {
content: "\f21d"
}
.fa-strikethrough:before {
content: "\f0cc"
}
.fa-stripe:before {
content: "\f429"
}
.fa-stripe-s:before {
content: "\f42a"
}
.fa-studiovinari:before {
content: "\f3f8"
}
.fa-stumbleupon:before {
content: "\f1a4"
}
.fa-stumbleupon-circle:before {
content: "\f1a3"
}
.fa-subscript:before {
content: "\f12c"
}
.fa-subway:before {
content: "\f239"
}
.fa-suitcase:before {
content: "\f0f2"
}
.fa-sun:before {
content: "\f185"
}
.fa-superpowers:before {
content: "\f2dd"
}
.fa-superscript:before {
content: "\f12b"
}
.fa-supple:before {
content: "\f3f9"
}
.fa-sync:before {
content: "\f021"
}
.fa-sync-alt:before {
content: "\f2f1"
}
.fa-syringe:before {
content: "\f48e"
}
.fa-table:before {
content: "\f0ce"
}
.fa-table-tennis:before {
content: "\f45d"
}
.fa-tablet:before {
content: "\f10a"
}
.fa-tablet-alt:before {
content: "\f3fa"
}
.fa-tablets:before {
content: "\f490"
}
.fa-tachometer-alt:before {
content: "\f3fd"
}
.fa-tag:before {
content: "\f02b"
}
.fa-tags:before {
content: "\f02c"
}
.fa-tape:before {
content: "\f4db"
}
.fa-tasks:before {
content: "\f0ae"
}
.fa-taxi:before {
content: "\f1ba"
}
.fa-telegram:before {
content: "\f2c6"
}
.fa-telegram-plane:before {
content: "\f3fe"
}
.fa-tencent-weibo:before {
content: "\f1d5"
}
.fa-terminal:before {
content: "\f120"
}
.fa-text-height:before {
content: "\f034"
}
.fa-text-width:before {
content: "\f035"
}
.fa-th:before {
content: "\f00a"
}
.fa-th-large:before {
content: "\f009"
}
.fa-th-list:before {
content: "\f00b"
}
.fa-themeisle:before {
content: "\f2b2"
}
.fa-thermometer:before {
content: "\f491"
}
.fa-thermometer-empty:before {
content: "\f2cb"
}
.fa-thermometer-full:before {
content: "\f2c7"
}
.fa-thermometer-half:before {
content: "\f2c9"
}
.fa-thermometer-quarter:before {
content: "\f2ca"
}
.fa-thermometer-three-quarters:before {
content: "\f2c8"
}
.fa-thumbs-down:before {
content: "\f165"
}
.fa-thumbs-up:before {
content: "\f164"
}
.fa-thumbtack:before {
content: "\f08d"
}
.fa-ticket-alt:before {
content: "\f3ff"
}
.fa-times:before {
content: "\f00d"
}
.fa-times-circle:before {
content: "\f057"
}
.fa-tint:before {
content: "\f043"
}
.fa-toggle-off:before {
content: "\f204"
}
.fa-toggle-on:before {
content: "\f205"
}
.fa-trademark:before {
content: "\f25c"
}
.fa-train:before {
content: "\f238"
}
.fa-transgender:before {
content: "\f224"
}
.fa-transgender-alt:before {
content: "\f225"
}
.fa-trash:before {
content: "\f1f8"
}
.fa-trash-alt:before {
content: "\f2ed"
}
.fa-tree:before {
content: "\f1bb"
}
.fa-trello:before {
content: "\f181"
}
.fa-tripadvisor:before {
content: "\f262"
}
.fa-trophy:before {
content: "\f091"
}
.fa-truck:before {
content: "\f0d1"
}
.fa-truck-loading:before {
content: "\f4de"
}
.fa-truck-moving:before {
content: "\f4df"
}
.fa-tty:before {
content: "\f1e4"
}
.fa-tumblr:before {
content: "\f173"
}
.fa-tumblr-square:before {
content: "\f174"
}
.fa-tv:before {
content: "\f26c"
}
.fa-twitch:before {
content: "\f1e8"
}
.fa-twitter:before {
content: "\f099"
}
.fa-twitter-square:before {
content: "\f081"
}
.fa-typo3:before {
content: "\f42b"
}
.fa-uber:before {
content: "\f402"
}
.fa-uikit:before {
content: "\f403"
}
.fa-umbrella:before {
content: "\f0e9"
}
.fa-underline:before {
content: "\f0cd"
}
.fa-undo:before {
content: "\f0e2"
}
.fa-undo-alt:before {
content: "\f2ea"
}
.fa-uniregistry:before {
content: "\f404"
}
.fa-universal-access:before {
content: "\f29a"
}
.fa-university:before {
content: "\f19c"
}
.fa-unlink:before {
content: "\f127"
}
.fa-unlock:before {
content: "\f09c"
}
.fa-unlock-alt:before {
content: "\f13e"
}
.fa-untappd:before {
content: "\f405"
}
.fa-upload:before {
content: "\f093"
}
.fa-usb:before {
content: "\f287"
}
.fa-user:before {
content: "\f007"
}
.fa-user-circle:before {
content: "\f2bd"
}
.fa-user-md:before {
content: "\f0f0"
}
.fa-user-plus:before {
content: "\f234"
}
.fa-user-secret:before {
content: "\f21b"
}
.fa-user-times:before {
content: "\f235"
}
.fa-users:before {
content: "\f0c0"
}
.fa-ussunnah:before {
content: "\f407"
}
.fa-utensil-spoon:before {
content: "\f2e5"
}
.fa-utensils:before {
content: "\f2e7"
}
.fa-vaadin:before {
content: "\f408"
}
.fa-venus:before {
content: "\f221"
}
.fa-venus-double:before {
content: "\f226"
}
.fa-venus-mars:before {
content: "\f228"
}
.fa-viacoin:before {
content: "\f237"
}
.fa-viadeo:before {
content: "\f2a9"
}
.fa-viadeo-square:before {
content: "\f2aa"
}
.fa-vial:before {
content: "\f492"
}
.fa-vials:before {
content: "\f493"
}
.fa-viber:before {
content: "\f409"
}
.fa-video:before {
content: "\f03d"
}
.fa-video-slash:before {
content: "\f4e2"
}
.fa-vimeo:before {
content: "\f40a"
}
.fa-vimeo-square:before {
content: "\f194"
}
.fa-vimeo-v:before {
content: "\f27d"
}
.fa-vine:before {
content: "\f1ca"
}
.fa-vk:before {
content: "\f189"
}
.fa-vnv:before {
content: "\f40b"
}
.fa-volleyball-ball:before {
content: "\f45f"
}
.fa-volume-down:before {
content: "\f027"
}
.fa-volume-off:before {
content: "\f026"
}
.fa-volume-up:before {
content: "\f028"
}
.fa-vuejs:before {
content: "\f41f"
}
.fa-warehouse:before {
content: "\f494"
}
.fa-weibo:before {
content: "\f18a"
}
.fa-weight:before {
content: "\f496"
}
.fa-weixin:before {
content: "\f1d7"
}
.fa-whatsapp:before {
content: "\f232"
}
.fa-whatsapp-square:before {
content: "\f40c"
}
.fa-wheelchair:before {
content: "\f193"
}
.fa-whmcs:before {
content: "\f40d"
}
.fa-wifi:before {
content: "\f1eb"
}
.fa-wikipedia-w:before {
content: "\f266"
}
.fa-window-close:before {
content: "\f410"
}
.fa-window-maximize:before {
content: "\f2d0"
}
.fa-window-minimize:before {
content: "\f2d1"
}
.fa-window-restore:before {
content: "\f2d2"
}
.fa-windows:before {
content: "\f17a"
}
.fa-wine-glass:before {
content: "\f4e3"
}
.fa-won-sign:before {
content: "\f159"
}
.fa-wordpress:before {
content: "\f19a"
}
.fa-wordpress-simple:before {
content: "\f411"
}
.fa-wpbeginner:before {
content: "\f297"
}
.fa-wpexplorer:before {
content: "\f2de"
}
.fa-wpforms:before {
content: "\f298"
}
.fa-wrench:before {
content: "\f0ad"
}
.fa-x-ray:before {
content: "\f497"
}
.fa-xbox:before {
content: "\f412"
}
.fa-xing:before {
content: "\f168"
}
.fa-xing-square:before {
content: "\f169"
}
.fa-y-combinator:before {
content: "\f23b"
}
.fa-yahoo:before {
content: "\f19e"
}
.fa-yandex:before {
content: "\f413"
}
.fa-yandex-international:before {
content: "\f414"
}
.fa-yelp:before {
content: "\f1e9"
}
.fa-yen-sign:before {
content: "\f157"
}
.fa-yoast:before {
content: "\f2b1"
}
.fa-youtube:before {
content: "\f167"
}
.fa-youtube-square:before {
content: "\f431"
}
.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
}
@font-face {
font-family: Font Awesome\ 5 Brands;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/fa-brands-400.eot);
src: url(../fonts/fa-brands-400.eot) format("embedded-opentype"),url(../fonts/fa-brands-400.woff2) format("woff2"),url(../fonts/fa-brands-400.woff) format("woff"),url(../fonts/fa-brands-400.ttf) format("truetype"),url(../fonts/fa-brands-400.svg#fontawesome) format("svg")
}
.fab {
font-family: Font Awesome\ 5 Brands
}
@font-face {
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-weight: 400;
font-display: swap;
src: url(../fonts/fa-regular-400.eot);
src: url(../fonts/fa-regular-400.eot) format("embedded-opentype"),url(../fonts/fa-regular-400.woff2) format("woff2"),url(../fonts/fa-regular-400.woff) format("woff"),url(../fonts/fa-regular-400.ttf) format("truetype"),url(../fonts/fa-regular-400.svg#fontawesome) format("svg")
}
.far {
font-weight: 400
}
@font-face {
font-family: Font Awesome\ 5 Free;
font-style: normal;
font-weight: 900;
font-display: swap;
src: url(../fonts/fa-solid-900.eot);
src: url(../fonts/fa-solid-900.eot) format("embedded-opentype"),url(../fonts/fa-solid-900.woff2) format("woff2"),url(../fonts/fa-solid-900.woff) format("woff"),url(../fonts/fa-solid-900.ttf) format("truetype"),url(../fonts/fa-solid-900.svg#fontawesome) format("svg")
}
.fa,.far,.fas {
font-family: Font Awesome\ 5 Free
}
.fa,.fas {
font-weight: 900
}
.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
}
.production-cta {
padding: 80px 0;
}
.production-cta .flex {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
width: 98%;
margin: 0 auto;
}
.production-cta .left {
max-width: 680px;
width: 37%;
margin: 0 auto;
position: relative;
}
.production-cta .left .text-wrap {
position: absolute;
background: rgb(200 10 0 / 50%);
right: 0;
bottom: 0;
width: 70%;
padding: 38px;
box-sizing: border-box;
border-radius: 5px;
display: none;
}
.production-cta .left .text-wrap.active {
display: block;
}
.production-cta .left h3 {
color: #fff;
padding-bottom: 15px;
}
.production-cta .left p {
color: #fff;
}
.production-cta .left .img {
width: 100%;
padding-bottom: 88px;
}
.production-cta .left .img img {
width: 100%;
}
.production-cta .right {
max-width: 1200px;
margin: 0 auto;
width:100%;
margin-top:1%;
}
.production-cta .right .img-wrap {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
}
.production-cta .right .img-item {
max-width:290px;
width:18%;
margin-right: 16px;
margin-bottom: 16px;
text-align: center;
}
.production-cta .right .img-item .img {
position: relative;
box-shadow: 0 0 6px #ddd;
}
.production-cta .right .img-item .img img {
max-width: none;
width: 100%;
}
.production-cta .right .img-item .img span {
position: absolute;
left: 0;
bottom: 0;
width: 36px;
height: 36px;
line-height: 36px;
text-align: center;
font-weight: bold;
font-size: 18px;
background: #fff;
}
.production-cta .right .img-item .img-text {
font-size: 16px;
text-align: left;
font-weight: bold;
line-height: 3;
}
.production-cta .right .img-item:hover .img-text, .production-cta .right .img-item.active .img-text {
color: #00a0e8;
}
.production-cta .right .btn-brown {
}
.production-cta .right .img-item:nth-child(4n) {
margin-right: 0;
}
@media (max-width: 1350px) {
}
@media (max-width: 1200px) {
.production-cta .left {
width: 80%;
max-width: none;
}
.production-cta .right {
width: 80%;
max-width: none;
}
.production-cta .left .text-wrap {
padding: 20px;
bottom: 60px;
}
.production-cta .left .img {
padding-bottom: 60px;
}
}
@media (max-width: 540px) {
.production-cta {
padding: 60px 10px;
}
.production-cta .left {
width: 100%;
margin-bottom: 36px;
}
.production-cta .left .text-wrap {
width: 100%;
padding: 12px;
bottom: 0;
height: 100%;
}
.production-cta .left .img {
padding-bottom: 0;
}
.production-cta .right {
width: 100%;
}
.production-cta .right .img-item {
max-width: none;
width: calc(50% - 12px);
}
.production-cta .right .img-item:nth-child(n) {
margin-right: 6px;
margin-left: 6px;
}
}
.footer-item1-title {font-size: 20px;color: #fff;}
.footer-item1 {float: left;width: 46%;}
.footer-item1.fr {float: right;width: 20%;margin-left:7%;}
ul.footer-item1-address {color: #78c6e9;font-family: filson-soft,PingFang SC, Hiragino Sans GB, Arial, Microsoft YaHei, sans-serif;font-weight: 400;font-style: normal;padding-top: 15px;}
.footer-item1-address i {font-size: 22px;margin-right: 15px;color: #78c6e9;float: left;}
.footer-item1-address img {width: 24px;margin-right: 13px;}
ul.footer-item1-address li {padding-bottom:25px;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
ul.footer-item1-address li:nth-child(1) {}
ul.footer-item1-address li a {}
.p1-s7 .slick-track {
max-width: 720px !important;
width: 100% !important;
}
.p1-s7 .slick-track .slick-slide {
width: 100% !important;
margin: 0;
}
.page-item{
width:35px;
height:35px;
line-height:35px;
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
border: 1px solid #d3ced2;
margin: 1px;
}
.page-item a{
width:35px;
height:35px;
line-height:35px;
display: inline-block;
white-space: nowrap;
padding: 0;
clear: both;
}
.wpcf7-form-control-wrap input{
}
.page-item .active{
background:#00a0e9;
color:#ffffff;
}
.woocommerce-pagination select{
display:none;
width:35px;
height:35px;
line-height:35px;
border: 1px solid #d3ced2;
}
@media (max-width: 1024px) {
.footer-item1 {margin-top: 20px;width: 100% !important;}
ul.footer-item1-address li:nth-child(1) {min-height: auto;}
}
.clear{
clear:both;
}
.new_index4 .wp {
max-width:1300px;
width:100%;
margin:0 auto;
}
.new_index4 .new_index_name {
text-align: center;
padding-bottom: 30px;
}
.tit-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column-reverse;
}
.new_index4 .new_index_name .m-title .tit-wrap .tit {
display: block;
width: 100%;
}
.m-title .tit span {
display: block;
color: #222;
font-size: 36px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
}
.m-title .txt {
margin-top: 0.5em;
color: #333;
font-size: 28px;
font-family: Microsoft YaHei;
}
.m-title .txt {
margin-top: 0.5em;
color: #333;
font-size: 28px;
font-family: Microsoft YaHei;
}
.new_index4 .list .item {
position: relative;
float: left;
width: 20%;
height: 200px;
text-align: center;
transition: all .8s ease-in-out 0s;
}
.new_index4 .list .item .r-line {
position: absolute;
display: block;
right: 0;
bottom: 10%;
width: 1px;
height: 80%;
background: #e6e6e6;
}
.new_index4 .list .item .b-line {
position: absolute;
display: block;
bottom: 0;
left: 10%;
width: 80%;
height: 1px;
background: #e6e6e6;
}
.new_index4 .list .item .lb-dot {
left: -2px;
bottom: -2px;
}
.new_index4 .list .item .dot {
position: absolute;
display: block;
width: 4px;
height: 4px;
background: #e6e6e6;
}
.new_index4 .list .item .img {
height: 100px;
position: relative;
top:50px;
}
.new_index4 .list .item .img img:nth-child(1) {
opacity: 1;
}
.new_index4 .list .item .img img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: contain;
transition: all 0.75s;
}
.new_index4 .list .item .img img:nth-child(2) {
opacity: 0;
transform: rotateY(180deg);
}
.new_index4 .list .item .img img {
position: absolute;
top: 0;
left: 0;
width:99%;
height: 100%;
object-fit: contain;
transition: all 0.75s;
}
.img-item:nth-child(5){
margin-left:12px;
}
#t1{
display:none;
}
#t2{
display:none;
}
#t3{
display:none;
}
@media only screen and (max-width: 767px) {
.new_index4 .list .item {
height: 124px;
}
.new_index4 .list .item .img{
top:20px;
}
.img-item:nth-child(5){
margin-left:0px;
}
#t1{
display:block;
}
#t2{
display:block;
}
#t3{
display:block;
}
#m1{
display:none;
}
#m2{
display:none;
}
#m3{
display:none;
}
#mline9{
display:none;
}
}
@media only screen and (max-width: 959px) {
.new_index4 .list .item {
width: 33.33%;
}
.new_index4 .list .item .img{
top:20px;
}
.img-item:nth-child(5){
margin-left:0px;
}
#t1{
display:block;
}
#t2{
display:block;
}
#t3{
display:block;
}
#m1{
display:none;
}
#m2{
display:none;
}
#mline1{
display:none;
}
#mline4{
display:none;
}
#mline6{
display:none;
}
#m3{
display:none;
}
#mline9{
display:none;
}
}
.item img:hover{
transform: rotateY(180deg);
transition: transform 2s ease;
}
.item2 img:hover{
transform: rotateY(180deg);
transition: transform 2s ease;
}
@media only screen and (min-width: 1025px) {
#video {
padding-top: 50px;
width: 100%;
height: 800px;
margin: 0 auto;
position: relative;
}
#mline2{
display:none;
}
#mline5{
display:none;
}
}