main.site-main>div:first-child {
margin-top: 83px;
}
.homepage,
main.site-main>div.section-banner:first-child {
margin-top: 0 !important;
} .single-custom_project .wishlist-button-wrap{
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin: auto;
}
.wishlist-button-wrap .wishlist_save_icon .fa-heart,
.name-product.name-wishlist .wishlist-button-wrap,
.name-blog.name-wishlist .wishlist-button-wrap,
.page-template-wishlist .name-wishlist .content-modal {
width: 20px;
height: 20px;
}
.single-furniture_product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-furniture_product .wishlist-button-wrap,
.single-product .wishlist-button-wrap,
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-custom_project .name-product.name-wishlist .wishlist-button-wrap,
.single-custom_project .name-blog.name-wishlist .wishlist-button-wrap,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-project .wishlist-button-wrap{
width: 35px;
height: 35px;
}
.page-template-wishlist .name-wishlist > * {
display: inline-block;
vertical-align: baseline;
text-decoration: none !important;
}
.page-template-wishlist .name-wishlist .content-modal {
margin-left: 5px;
}
.wishlist-button-wrap .wishlist_save_icon .fa-heart::before {
content: '';
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/heart.svg);
height: 100%;
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart::before,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart::before{
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/heart-blue.svg);
}
.wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before {
content: '';
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/love.svg);
height: 100%;
width: 100%;
display: block;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.single-custom_project .wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before,
.single-project .wishlist-button-wrap .wishlist_saved .wishlist_save_icon .fa-heart::before {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/love-blue.svg);
}
#our-products-partitions .item-product .name-product.name-wishlist > *:not(style,.product-brand),
.border-our-project .list-item-our-project .border-info .name-blog.name-wishlist > *:not(style),
.single-product .page-title-container > *:not(style),
.single-project .entry-title-our-project > *:not(style){
display: inline-block;
vertical-align: baseline;
text-decoration: none;
}
.name-product.name-wishlist .wishlist-button-wrap,
.name-blog.name-wishlist .wishlist-button-wrap,
.single-product .page-title-container .wishlist-button-wrap,
.single-project .entry-title-our-project .wishlist-button-wrap{
margin-top:0;
margin-left: 10px;
}
.ct-project-listing .title-ct-project {
display: inline-block;
vertical-align: middle;
text-decoration: none;
margin-right: 10px;
}
.page-template-wishlist #our-products-partitions{
margin-top: 0;
padding-top: 0
}
@media (max-width:1024px) {
.single-custom_project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-custom_project .name-product.name-wishlist .wishlist-button-wrap,
.single-custom_project .name-blog.name-wishlist .wishlist-button-wrap {
width: 35px;
height: 35px;
}
}
@media (max-width:768px) {
.single-furniture_product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-product .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-project .wishlist-button-wrap .wishlist_save_icon .fa-heart,
.single-furniture_product .wishlist-button-wrap,
.single-product .wishlist-button-wrap,
.single-project .wishlist-button-wrap{
width: 20px;
height: 20px;
}
}  .slider-single.swiper .swiper-slide .image {
transform: translateX(-100%);
transition-duration: 0.6s;
transition-delay: 1.2s;
position: relative;
padding-bottom: 62.2%;
}
.slider-single.swiper .swiper-slide .image img {
width: 100%;
}
.slider-single.swiper .swiper-slide.swiper-slide-prev,
.slider-single.swiper .swiper-slide.swiper-slide-duplicate-prev,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-next,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-duplicate-next,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-active {
z-index: 99 !important;
}
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-active,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-next,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-next {
z-index: 100 !important;
}
.slider-single.swiper.slider-init .swiper-slide.swiper-slide-active .image {
transition-delay: 0s;
transition-duration: 0s;
transform: translateX(0);
}
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-next .image,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-next .image {
transition-delay: 0s;
}
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-active .image,
.slider-single.swiper.slider-to-prev .swiper-slide.swiper-slide-duplicate-active .image {
transition-delay: 0s;
transform: translateX(0);
transition-duration: 0s;
}
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-active .image,
.slider-single.swiper.slider-to-next .swiper-slide.swiper-slide-duplicate-active .image {
transition-delay: 0s;
transform: translateX(0);
}
.breadcrumbs-item span span:not(.breadcrumb_last):after {
content: '';
display: inline-block;
width: 6px;
height: 10px;
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/breadcumb-arrow-black.svg);
margin: 0 12px;
}
.section-banner .breadcrumbs-item span span:not(.breadcrumb_last):after {
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/arrow-breadcrum.svg);
}
.breadcrumbs-item>span {
display: block;
}
.breadcrumbs-item span,
.breadcrumbs-item a {
font-family: 'Helvetica Neue';
font-style: normal;
font-weight: 400;
font-size: 14px;
line-height: 17px;
letter-spacing: 0.01em;
text-transform: capitalize;
color: #282828;
}
.breadcrumbs-item .breadcrumb_last {
font-family: 'Helvetica Neue';
}
.home-counting .counting-wrapper h2 {
color: #fff;
margin-bottom: 35px;
}
.home-counting .number {
font-family: 'Hind';
font-style: normal;
font-weight: 600;
font-size: 115px;
line-height: 118%; text-align: center;
letter-spacing: 0.005em;
text-transform: capitalize;
color: #FFFFFF;
}
.home-counting .items.list-item .item-content {
width: 100%;
}
.home-counting .items.list-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-counting .items.list-item .item {
text-align: center;
padding: 0 20px;
}
.home-counting .item-content .text {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
font-size: 25px;
line-height: 130%;
text-align: center;
color: #FFFFFF;
margin-top: -19px;
}
.home-counting .number .list-number {
position: relative;
left: 50%;
top: 0;
bottom: 0;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-transition: all .6s;
-o-transition: all .6s;
transition: all .6s;
}
.home-counting .number {
height: 136px;
overflow: hidden;
position: relative;
}
.button.white {
background: transparent;
border-color: #fff;
color: #fff;
padding: 4px 10px 4px 14px;
min-width: 141px;
-webkit-clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
clip-path: polygon(15px 0, 100% 0, 100% 100%, 0 100%, 0 15px);
height: 43px;
width: 100%;
}
.section-background-images.about-us h2+p {
color: #fff;
line-height: 25px;
margin-bottom: 35px;
}
.section-background-images.about-us h2 {
margin-bottom: 35px;
color: #fff;
}
.button.white span {
color: #fff;
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 35px; letter-spacing: 0.02em;
vertical-align: middle;
}
.button-bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.button-bottom>div {
margin: 0 17.5px;
}
.transparent-conners:before {
content: '';
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid transparent;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
display: inline-block;
position: absolute;
top: -5px;
left: -14px;
z-index: 3;
outline: 1px solid #fff;
}
.transparent-conners {
position: relative;
overflow: hidden;
}
.button.white:hover span {
color: #282828;
}
.section-background-images.about-us .button.white:hover {
background-color: #fff;
}
.section-background-images.about-us .container {
top: 50.5%;
}
.button-bottom .transparent-conners:first-child .button.white {
background: #fff;
color: #282828;
}
.button-bottom .transparent-conners .button {
text-decoration: none;
}
.button-bottom .transparent-conners:first-child .button.white:hover {
background: transparent;
color: #fff;
}
.button-bottom .transparent-conners:first-child .button.white span {
color: #000;
}
.button-bottom .transparent-conners:first-child .button.white:hover span {
color: #fff;
}
@media (max-width:767.98px) {
.breadcrumb {
display: none;
}
} .section-video .video .ico_w {
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
-webkit-transition-timing-function: cubic-bezier(.19, .81, .54, .99);
-o-transition-timing-function: cubic-bezier(.19, .81, .54, .99);
transition-timing-function: cubic-bezier(.19, .81, .54, .99);
}
.section-video .video .ico_w._leave .ar path { }
.section-video .video .ico_w .ar path {
fill: #fff;
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
}
.section-video .video .ico_w {
width: 60px;
height: 60px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 10; border-radius: 50%;
cursor: pointer;
}
.wrapper.video {
position: relative;
}
.wrapper.video video#video_banner {
width: 100%;
cursor: pointer;
}
.section-video .video .ico_w svg path {
fill: transparent;
stroke: #FFF;
stroke-width: 2;
-webkit-transition: fill;
-o-transition: fill;
transition: fill;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.section-video .video .ico_w .ar {
width: 100%;
height: 100%;
padding-left: 6.6666666667px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
border-radius: 50%;
display: none;
}
.section-video .video .ico_w .ar svg {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
-o-transition: transform;
transition: transform;
transition: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
}
.mfp-iframe-scaler {
width: 100%;
height: auto;
overflow: hidden;
padding-top: 0;
}
.mfp-iframe-holder .mfp-close {
font-size: 0;
opacity: 1;
}
.mfp-iframe-holder .mfp-content {
max-width: 100%;
}
.mfp-wrap,
.mfp-bg {
-webkit-animation-name: magnifiPopup;
animation-name: magnifiPopup;
-webkit-animation-duration: 1s;
animation-duration: 1s;
}
@-webkit-keyframes magnifiPopup {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
@keyframes magnifiPopup {
0% {
opacity: 0
}
100% {
opacity: 1
}
}
.mfp-wrap {
background: #000;
z-index: 999999;
position: fixed !important;
top: 0 !important;
max-height: 100vh;
}
.section-video .video .ico_w:before {
content: "";
width: 100%;
height: 100%;
display: block;
border: 2px solid #fff;
border-width: 2.2222222222px;
border-radius: 9999px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
top: 0;
left: 0;
}
.section-video .video .ico_w:before {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition-duration: .45s;
-o-transition-duration: .45s;
transition-duration: .45s;
border: 0;
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/Subtract.svg);
}
.mfp-iframe-holder .mfp-close:before {
content: '';
width: 100%;
height: 100%;
display: block;
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/arrow-close-white.svg);
position: relative;
background-position: center;
background-repeat: no-repeat;
}
.mfp-iframe-holder .mfp-close {
width: 30px;
height: 30px;
padding: 0;
position: fixed;
top: 25px;
right: 25px;
cursor: pointer;
z-index: 100;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 0;
}
@media (min-width: 751px) {
.mfp-iframe-scaler iframe {
width: 130.7vh;
height: 73.52vh;
position: relative;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
margin: 0 auto;
}
}
@media (min-width: 751px) and (max-width: 1600px) {
.section-video .video .ico_w.ar {
padding-left: 0.4166666667vw;
height: 1.6666666667vw;
width: 1.5277777778vw;
}
.section-video .video .ico_w:before {
border-width: 0.1388888889vw;
}
}
.section-video .video .ico_w:before {
-webkit-transition: -webkit-transform;
transition: -webkit-transform;
-o-transition: transform;
transition: transform;
transition: transform, -webkit-transform;
-webkit-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-o-transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
-webkit-transition-duration: 0s;
-o-transition-duration: 0s;
transition-duration: 0s;
}
.section-video .video .ico_w:before {
-webkit-transform: scale(.95);
-ms-transform: scale(.95);
transform: scale(.95);
-webkit-transition-duration: .25s;
-o-transition-duration: .25s;
transition-duration: .25s; }
@media screen and (max-width: 750px) { .mfp-iframe-scaler iframe {
width: 100vw !important;
height: 56.25vw !important;
position: relative;
top: 0;
left: 0;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.mfp-iframe-scaler {
height: 100vh;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
}
.mfp-iframe-holder {
padding: 0;
}
.mfp-iframe-holder .mfp-close:before,
.mfp-iframe-holder .mfp-close:after {
position: absolute;
}
} form select {
padding: 0 0 20px 0;
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border-radius: 0;
border-bottom: 1px solid #282828;
}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea,
.select2-container--default .select2-selection--single .select2-selection__placeholder {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid #282828;
outline: none;
padding: 0 0 20px 0;
margin: 0;
height: auto;
background: transparent;
color: #282828;
font-family: 'Hind';
font-style: normal;
font-weight: 400;
font-size: 17px;
line-height: 23px;
letter-spacing: 0.01em;
-webkit-appearance: none;
border-radius: 0;
}
input[type="checkbox"] {
width: 15px;
height: 15px;
border: 1px solid #282828;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
border-radius: 0;
}
::-ms-input-placeholder,
::-o-input-placeholder,
::-moz-input-placeholder,
::-webkit-input-placeholder {
color: #282828;
opacity: 1;
}
.site textarea {
width: 100%;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
-o-appearance: none;
appearance: none;
border: 0;
border-bottom: 1px solid #282828;
outline: none;
padding: 11.5px 0;
font-family: Hind;
max-height: 169px;
}
@media (max-width:767.98px) {
input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="week"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="color"],
textarea {
font-size: 15px;
line-height: 125%;
letter-spacing: 0.01em;
}
}  .home-our-client .container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.our-client-wrapper {
width: 39%;
padding-left: 20px;
}
.our-client-decription p {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
font-size: 26px;
line-height: 130%;
color: #001689;
letter-spacing: 0;
}
.home-our-client .container h2 {
margin-bottom: 15px;
}
.our-client-decription {
margin-bottom: 20px;
}
.items.list-client .item-content {
margin-bottom: 27px;
padding: 0 68px 0 0;
}
.items.list-client {
width: 58.5%;
margin-right: 2.5%;
position: relative;
padding-bottom: 48px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
width: 80px;
height: 3.5px;
border-radius: 0;
margin: 0 4.5px;
background: #E3E3E3;
opacity: 1;
}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active,
.swiper-pagination-clickable .swiper-pagination-bullet:hover {
background: #10CFC9;
}
@media (min-width:1280px) {
.why-choose-jeb.section-background-images .img-wraper {
height: 549px;
}
}
.section-background-images .ground-content {
position: absolute;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
max-width: 1300px;
padding: 0 25px;
left: 50%;
z-index: 3;
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.section-background-images .ground-content .content-left {
max-width: 565px;
padding-bottom: 35px;
max-height: 450px;
overflow-x: auto;
}
.section-background-images .ground-content .content-left .content {
margin-top: 35px;
}
.section-background-images .ground-content .content-left .content>*,
.section-background-images .ground-content .content-left .content li,
.section-background-images .ground-content .content-left .title {
color: #fff;
text-transform: inherit;
}
.section-background-images .ground-content .content-left .btn-white {
margin-top: 35px;
padding-bottom: 10px;
}
.section-background-images .ground-content .content-right {
width: 50%;
position: relative;
}
.section-background-images .ground-content .content-right .img-right {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 322.71px;
height: 371.93px;
}
.section-background-images .ground-content .content-right .img-right img { -o-object-fit: cover;
object-fit: cover; height: 100%;
}
.section-background-images .ground-content .content-right .img-right .border {
-webkit-clip-path: polygon(50% 0%, 50% 0%, 150% 50%, 50% 100%, 50% 100%, -50% 50%);
clip-path: polygon(50% 0%, 50% 0%, 150% 50%, 50% 100%, 50% 100%, -50% 50%);
height: 100%;
overflow: hidden;
}
.section-background-images .ground-content .content-right .img-right:first-child {
right: 37%;
z-index: 6;
top: 56%;
}
.section-background-images .ground-content .content-right .img-right:last-child {
right: 14%;
z-index: 5;
top: 44%;
}
@media (max-width:1200px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 45%;
}
.section-background-images .ground-content .content-left {
max-width: 50%;
padding-bottom: 0;
max-height: 400px;
overflow-x: auto;
}
.section-background-images .ground-content .content-right .img-right {
width: 280px;
height: 322px;
}
}
@media (max-width:1024px) {
.section-background-images .ground-content .content-right .img-right {
width: 179.06px;
height: 206.38px;
}
}
@media (max-width:992px) {
.section-background-images .ground-content .content-left {
max-height: 350px;
overflow-x: auto;
}
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 50%;
}
.section-background-images .ground-content .content-right .img-right:last-child {
top: 50%;
}
.section-background-images .ground-content .content-left .btn-white,
.section-background-images .ground-content .content-left .content {
margin-top: 20px;
}
}
@media (max-width:767.98px) {
.section-background-images .ground-content .content-left {
max-height: 300px;
overflow-x: auto;
}
.section-background-images.about-us .img-wraper {
padding-bottom: 0;
height: 357px;
}
.why-choose-jeb.section-background-images .img-wraper::after {
right: -90px;
}
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 83%;
}
.section-background-images .ground-content {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
left: inherit;
top: 49%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.section-background-images .ground-content .content-left {
margin-bottom: 30px;
}
.section-background-images .ground-content .content-left,
.section-background-images .ground-content .content-right {
width: 100%;
max-width: 100%;
}
.section-background-images .ground-content .content-right {
position: static;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0;
}
.section-background-images .ground-content .content-right .img-right {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin: 0;
-webkit-transform: initial;
-ms-transform: initial;
transform: initial;
position: static;
}
.section-background-images .ground-content .content-right .img-right:first-child,
.section-background-images .ground-content .content-right .img-right:last-child {
-webkit-transform: inherit;
-ms-transform: inherit;
transform: inherit;
}
.section-background-images .ground-content .content-left .btn-white.corner a {
font-size: 15px;
line-height: 20px;
}
.section-background-images .ground-content .content-left .btn-white {
margin-top: 15px;
}
}
@media (max-width:640.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 115%;
} }
@media (max-width:499.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 155%;
}
.section-background-images .ground-content .content-left {
margin-bottom: 35px;
}
}
@media (max-width: 481px) {
main.site-main>div:first-child {
margin-top: 75px;
}
main.site-main>div.section-banner:first-child {
margin-top: 0 !important;
}
}
@media (max-width:420.98px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 166%;
} }
@media (max-width:370px) {
.section-background-images .ground-content .content-right .img-right {
width: 149.06px;
height: 166.38px;
}
}
@media (max-width:320px) {
.why-choose-jeb.section-background-images .img-wraper {
padding-bottom: 200%;
}
} @media (max-width: 991px) {
.items.list-client {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
padding-bottom: 29px;
}
.our-client-wrapper {
width: 100%;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
padding-left: 0;
margin-bottom: 36px;
}
.our-client-decription p {
font-size: 20px;
}
}
@media (max-width: 767px) {
.our-client-decription p {
font-size: 18px;
line-height: 140%;
}
.home-counting .item-content .text {
font-size: 18px;
line-height: 140%;
letter-spacing: -0.01em;
}
.home-counting .counting-wrapper h2 {
margin-bottom: 25px;
}
section.home-counting.section-background-images .container {
top: calc(50% + 11.5px);
}
.items.list-client .item-content {
padding: 0 25px;
text-align: center;
margin-bottom: 23px;
}
.items.list-client .item-content img {
width: 100%;
}
.section-background-images.about-us h2+p {
font-size: 15px;
line-height: 125%; text-align: center;
letter-spacing: 0.01em;
}
.section-background-images.about-us .container {
top: 51%;
}
.button-bottom>div {
margin: 0;
}
.button-bottom a.button.white {
width: 140px;
padding: 5px 10px;
line-height: normal;
}
}
@media (max-width: 575px) {
.section-video .video .ico_w {
width: 42px;
height: 42px;
top: 49%;
left: 50%;
}
.section-video .video .ico_w:before {
width: 100%;
height: 100%;
background-size: contain;
}
.section-background-images.about-us h2 {
margin-bottom: 25px;
}
.section-background-images.about-us h2+p {
margin-bottom: 25px;
}
} .border-featured-blog .arrow-link.blue .text {
font-weight: 500;
}
.border-featured-blog {
background: #001689; }
.featured-blog .title {
text-align: center;
display: inline-block;
margin-bottom: 18px;
margin-top: 90px;
width: 100%;
color: #fff;
}
.featured-blog .link-btn .blue {
display: none;
}
.featured-blog .link-btn {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.featured-blog .list-posts {  margin-bottom: 65px;
}
.featured-blog .list-posts .post {   margin-bottom: 67px;
}
.featured-blog .list-posts .post .border-image {
position: relative;
}
.featured-blog .list-posts .post .image-post {
-webkit-clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
clip-path: polygon(21% 0, 100% 0, 100% 100%, 0 100%, 0 35%);
margin: auto;
width: 100%;
background-size: cover;
overflow: hidden;
padding-bottom: 58.1%;
}
.featured-blog .list-posts .post .image-post img {
-webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease;
-o-transition: transform .3s ease;
transition: transform .3s ease;
transition: transform .3s ease, -webkit-transform .3s ease;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100% !important;
-o-object-position: center;
object-position: center;
-o-object-fit: cover;
object-fit: cover;
}
.featured-blog .list-posts .post .image-post:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.featured-blog .list-posts .post .border-content {
padding: 33px 35px;
background: #fff;
}
.featured-blog .list-posts .post .border-content .title-post {
margin-bottom: 5px;
font-family: 'Hind';
font-style: normal;
letter-spacing: -0.01em;
color: #001689;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 2;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.featured-blog .list-posts .post .border-content .short-content-post {
font-family: 'Hind';
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 4;
display: -webkit-box;
-webkit-box-orient: vertical;
}
.featured-blog .list-posts .post .border-content .date-post {
margin-bottom: 5px;
color: #8F90A6;
}
@media (max-width:1280px) {
.featured-blog .list-posts { margin-bottom: 55px;
}
.featured-blog .list-posts .post { margin-bottom: 40px;
}
.featured-blog .list-posts .post .border-content {
padding: 25px 30px;
background: #fff;
}
}
@media (max-width:1024px) {
.featured-blog .list-posts { margin-bottom: 45px;
}
.featured-blog .list-posts .post { margin-bottom: 30px;
}
}
@media (max-width:992px) { .featured-blog .list-posts .post .border-content {
padding: 20px 30px;
}
}
@media (max-width: 800px) {
.section-search .grounp-filter .field .title-field {
font-size: 15px;
}
}
@media (max-width:767.98px) {
.featured-blog .title {
margin-top: 50px;
text-align: start;
margin-bottom: 14px;
}
.featured-blog .link-btn {
margin-bottom: 36px;
width: fit-content;
}
}
@media (max-width:590px) {
.featured-blog .list-posts .post {  padding: 0;
}
.featured-blog .list-posts {
margin-left: 0;
margin-right: 0;
margin-bottom: 20px;
}
}  .video-control-btn {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.video-control-btn {
cursor: pointer;
}
.img-btn-video {
background: transparent;
}
.wp-block-video {
position: relative;
}
.video-control-btn:before {
content: '';
background: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/Subtract.svg);
width: 60px;
height: 60px;
position: absolute;
background-size: cover;
background-repeat: no-repeat;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
@media (max-width:767.98px) {
.video-control-btn:before {
width: 40px;
height: 40px;
}
}  .section-search {
margin-top: 65px;
margin-bottom: 41px;
z-index: 3;
position: relative;
}
.section-search .grounp-filter {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding: 28px 0;
background: #fff;
z-index: 1;
position: relative;
}
.section-search .grounp-filter .field {
width: calc(100% / 3);
margin: 0;
border-left: 1px solid #DCDCEB;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
}
.section-search .grounp-filter .field .title-field {
padding: 0 25px;
font-family: 'Hind';
font-style: normal;
font-weight: 500;
color: #001689;
}
.section-search .grounp-filter .field:first-child {
border: initial;
} .section-search .select2-container--default .select2-selection--single .select2-selection__arrow {
right: 30px;
}
.section-search .grounp-filter .select2-container .selection {
border: initial;
padding: 0 25px;
position: relative;
} .section-search .grounp-filter .select2-container--default .select2-selection--single .select2-selection__rendered {
font-size: 15px;
line-height: 28px;
letter-spacing: 0.01em;
color: #8F90A6;
padding-right: 20px;
display: block;
}
@media (max-width:1280px) {
.section-search {
margin-top: 45px;
margin-bottom: 35px;
}
.section-search .grounp-filter {
padding: 24px 0;
}
}
@media (max-width:767.980px) {
.section-search {
display: none;
}
.items.list-client .swiper {
margin: 0 -25px;
}
.our-client-decription {
margin-bottom: 14px;
}
.section-search .grounp-filter {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.section-search .grounp-filter .field {
width: 80%;
margin: auto;
border: initial;
margin-bottom: 25px;
}
.section-search .grounp-filter .field:last-child {
margin-bottom: 0;
}
.section-search .grounp-filter .field select,
.section-search .grounp-filter .field .title-field {
padding: 0;
width: 100%;
}
.count-item {
margin-top: 43px;
margin-bottom: 17px;
}
.count-item strong {
font-weight: 500;
}
.filter-mobile .filter-popup-button span {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
letter-spacing: 0.02em;
}
}  .filter-metadata {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 50px;
}
.filter-metadata .text-filter {
font-family: 'Hind';
font-style: normal;
font-weight: 500;
letter-spacing: 0.01em;
color: #001689;
margin-right: 33px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button span,
.filter-metadata .filter-metadata-buttons .button span {
font-family: 'Hind';
font-style: normal;
font-size: 16px;
line-height: 34px;
letter-spacing: 0.02em;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active span,
.filter-metadata .filter-metadata-buttons .button.active span {
color: #fff;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active svg path,
.filter-metadata .filter-metadata-buttons .button.active svg path {
fill: white;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button,
.filter-metadata .filter-metadata-buttons .button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
text-align: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 5px;
height: 40px;
}
.filter-metadata .filter-metadata-buttons .button span {
color: #8F90A6;
}
.filter-metadata .filter-metadata-buttons .button:hover,
.filter-metadata .filter-metadata-buttons .button:focus,
.filter-metadata .filter-metadata-buttons .button:active {
background: transparent;
}
.filter-metadata .filter-metadata-buttons .button.active:hover,
.filter-metadata .filter-metadata-buttons .button.active:focus,
.filter-metadata .filter-metadata-buttons .button.active:active {
background: #001689;
}  #filter-mobile-popup .filter-fields .filter-metadata-buttons .button.transparent,
.filter-metadata .filter-metadata-buttons .button.transparent {
border: 1px solid #8F90A6;
background: transparent;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button.active:hover,
.filter-metadata .filter-metadata-buttons .button.active:hover {
background: #001689;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button svg,
.filter-metadata .filter-metadata-buttons .button svg {
margin-right: 8px;
} .mfp-inline-holder .mfp-content {
width: 100%;
width: -moz-available;
width: -webkit-fill-available;
width: fill-available;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
height: 100vh;
}
#filter-mobile-popup {
background: #FAF9F6;
height: 100%;
height: -moz-available;
height: -webkit-fill-available;
height: fill-available;
}
#filter-mobile-popup .popup-header {
border-bottom: 1px solid #CFCFCF;
padding: 20px 25px;
}
#filter-mobile-popup .popup-header h2 {
line-height: 30px;
}
#filter-mobile-popup .filter-fields { height: calc(100vh - 151px);
overflow-y: scroll;
overflow-x: hidden;
}
#filter-mobile-popup .button.btn-transparent.grey {
color: #282828;
border: 1px solid #282828;
background: transparent;
}
#filter-mobile-popup .button.btn-transparent.grey:hover,
#filter-mobile-popup .button.btn-transparent.grey:focus {
color: #fff;
background: #001689;
border: 1px solid #001689;
}
#filter-mobile-popup .popup-footer {
border-top: 1px solid #CFCFCF;
padding: 20px 25px;
text-align: center; }
#filter-mobile-popup .apply,
#filter-mobile-popup .clear {
margin: 0 9px;
height: 39px; }
#filter-mobile-popup .clear {
width: 46.93251533742331%;
max-width: 153px;
margin-right: 0;
}
#filter-mobile-popup .apply {
max-width: 130px;
width: 40.877301%;
margin-left: 0;
}
#filter-mobile-popup .fields .toggle svg {
-webkit-transition-duration: 0.3s;
-o-transition-duration: 0.3s;
transition-duration: 0.3s;
}
#filter-mobile-popup .fields.active .toggle svg {
-webkit-transform: rotate(-180deg);
-ms-transform: rotate(-180deg);
transform: rotate(-180deg);
}
#filter-mobile-popup .field>*,
#filter-mobile-popup .title-field>* {
display: inline-block;
vertical-align: middle;
}
#filter-mobile-popup .title-field h4 {
width: calc(100% - 18px);
color: #282828;
}
body.magnify-show,
html.magnify-show {
overflow: hidden !important;
} @media (max-width:767.98px) {
.filter-metadata {
display: none;
}
.filter-mobile {
margin-bottom: 25px;
}
.filter-mobile .filter-popup-button:focus {
text-decoration: none;
}
.filter-mobile .filter-popup-button svg {
margin-left: 5px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:last-child,
.filter-metadata .filter-metadata-buttons .button:last-child {
margin-right: 0;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button,
.filter-metadata .filter-metadata-buttons .button {
padding: 3px 4.5px;
margin-top: 5px;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button span,
.filter-metadata .filter-metadata-buttons .button span {
font-size: 15px;
line-height: 21px;
color: #8F90A6;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons {
padding: 15px 25px 20px;
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields:not(:first-child) {
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields {
padding: 20px 26px 18px;
border-bottom: 1px solid #CFCFCF;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields.active {
border-bottom: initial;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields.active:not(:last-child) {
padding-bottom: 0;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field {
margin-bottom: 0;
padding-top: 20px;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field:last-child {
padding-bottom: 10px;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input {
border-radius: inherit;
border: 1px solid #282828;
margin-right: 6px;
width: 20px;
height: 20px;
background-color: #F5F5F5;
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input::after {
width: 15px;
height: 15px;
border-radius: inherit;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input:focus,
#filter-mobile-popup .filter-fields .border-filter-fields .fields .content-radio .field input:focus-visible {
outline: none;
}
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:hover,
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:active,
#filter-mobile-popup .filter-fields .filter-metadata-buttons .button:focus {
color: #8F90A6;
}
}
@media (max-width:350px) {
#filter-mobile-popup .apply,
#filter-mobile-popup .clear {
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
}
} @media (max-width: 374px) {
.section-background-images.about-us h2,
.section-background-images.about-us h2+p {
margin-bottom: 15px;
}
.button-bottom .transparent-conners:first-child .button.white { }
.button-bottom {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.button-bottom a.button.white { }
.button-bottom>div { }
.section-background-images.about-us .container {
top: 50%;
}
}
.sustainable-left-container .image .icon-support-package::before {
background-image: url(//jebgroup.cn/wp-content/themes/jeb/assets/images/SupportPacks.jpg);
background-position: center;
background-repeat: no-repeat;
background-size: cover;
width: 76px;
height: 163px;
top: 0;
left: 40px;
position: absolute;
content: '';
z-index: 5;
}
@media (max-width:767.98px) {
.sustainable-left-container .image .icon-support-package::before {
width: 43.72px;
height: 93.76px;
left: 23px;
}
} [data-name="country"] span.select2-search.select2-search--dropdown{display: block;border: 0;padding: 10px;}
[data-name="country"] span.select2-search.select2-search--dropdown input {
border-color: #282828;
} @media (min-width: 768px) {
.page-template-template-sustainable .top-banner .normal .wrapper img {
height: 650px;
}
}
@media (min-width: 992px) {
.page-template-template-sustainable .top-banner .normal .wrapper img{
height: 700px;
}
} .section-anchor{
position: absolute;
top: -110px;
}
.section-virtual {
position: relative;
}