.global-container{position: relative; }

.site-container{overflow:hidden;opacity:0;visibility:hidden;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
}
.site-header,
.cookie{opacity:0;visibility:hidden;
	-webkit-transition:all 300ms ease;
	transition:all 300ms ease;
}

.global-container.is-loader .site-container,
.global-container.is-loader .site-header,
.global-container.is-loader .cookie{opacity:1;visibility:visible}

.site-header .sub-menu .content .inner{height: 100vh;}

.main-slider .slick-slide video{object-fit: cover; object-position: center bottom; min-width: inherit; min-height: inherit; width: 100%; height: 100%;}

.about-page .default-header .symbol{bottom: -38px;}
.success-page .default-header .symbol{margin-right: -190px;}
.service-page .default-header .symbol{margin-right: -190px;}
.blog-page .default-header .symbol{margin-right: -190px;}

.service-page .default-header.s-marketing .symbol {margin-right: -260px;}

.wg-about2-list .wrapper {background-size: contain;background-position: top center;}
.wg-about2-list .wrapper .position{font-size: 20px; font-weight: normal; line-height: 1; position: absolute; bottom: 10px; left: 20px; right: 20px;
    background: -webkit-linear-gradient(transparent, rgba(255,255,255,0.5)); text-transform: uppercase;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 600ms ease;
    transition-delay: 200ms;
}
.wg-about2-list .wrapper .position.hover{z-index: 100;color: #fff;background: none;
    -webkit-background-clip: inherit;
    -webkit-text-fill-color: inherit;
    opacity: 0;
}
.wg-about2-list .wrapper.current .position{opacity: 0;}
.wg-about2-list .wrapper.current .position.hover{opacity: 1;}
.wg-about2-list > .slide{display: none;}
.wg-about2-list > .slide .slick-slide .wrapper {background-color: #0f4c81;}
.wg-about2-list > .slide .slick-slide .wrapper .cover{opacity: 0}
.wg-about2-list > .slide .slick-slide .wrapper .name{opacity: 1;}
.wg-about2-list > .slide .slick-slide .wrapper .name.hover{opacity: 0;}
.wg-about2-list > .slide .slick-slide .wrapper .position{opacity: 1;}
.wg-about2-list > .slide .slick-slide .wrapper .position.hover{opacity: 0;}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper {background-color: rgba(15, 76, 129, 0);}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper .cover{opacity: 1}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper .name{opacity: 0;}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper .name.hover{opacity: 1;}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper .position{opacity: 0;}
.wg-about2-list > .slide .slick-slide.slick-current .wrapper .position.hover{opacity: 1;}
.about-page .wg-about2-list{margin-left: 320px;}
.about-page .wg-about2-list .slider:after{content: ''; display: table; clear: both;}
.about-page .wg-about2-list .wrapper .name { font-size: 60px; bottom: 15px;}
.about-page .wg-about2-list .wrapper .position {font-size: 16px;}
.about-page .wg-about2 .footer .number {font-size: 160px;}
.about-page .wg-about2 .footer .inner {font-size: 75px;}
.about-page .about-staff .txt {font-size: 80px;}

.about-intro .txt3{}
.about-intro .txt3 .h-title{margin-bottom: 10px; font-family: 'Montserrat', sans-serif; font-weight: 900; font-size: 200px; line-height: 0.7; color: #fff; letter-spacing: -10px; white-space: nowrap;}
.about-intro .txt3 .h-title > span{position: relative; margin-left: -30px; display: inline;}
.about-intro .txt3 .desc{font-size: 120px; font-weight: 100; line-height: 0.7; color: #fff;}

.career-page .wg-join {margin-left: -145px;}
.career-page .wg-join .banner{width: 327.5px; background-size: cover;}
.c-join .c-join-oj3 {margin-left: -968px;}

.contact-page .cL-box .body .form-button {margin: 0;}
.contact-page .cR-box .c-address .icon{margin-top: 0;}
.contact-page .cR-box .c-address .footer{border-top:0;}

.form-button .btn.btn-primary.disabled{color: #fff;}

.blog-list .wrapper {width: auto;}
.blog-intro .form-default .btn {height: 50px;}

.career-page .default-header .symbol {margin-right: 0;}
.career-intro .form-default .btn {height: 50px;}

/* .career-list .slick-slide > .link{width: 320px;transition: all 400ms ease;transition-delay: 300ms;}
.career-list .slick-active > .link{width: 640px;}
.career-list .slick-active > .link:before{opacity: 1;}
.career-list .slick-active > .link .desc{bottom: 60px;} */

.service-page .intro-box .h-title .solid{line-height: 1; position: relative; top: 14px; left: -10px;}
.service-page .intro-box .h-desc{font-size: 36px; font-weight: bold;}
.service-page .intro-box .desc{font-size: 38px; font-weight: 300;}
.service-page .intro-box .item-list{margin-top: 70px; text-align: center;}
.service-page .intro-box .item-list .item{display: inline-block; vertical-align: middle; width: 20%; padding: 0 20px; float: none;}
.service-page .intro-box .item-list .wrapper{position: relative; text-align: center; padding-top: 40px;}
.service-page .intro-box .item-list .text-bg{position: absolute; z-index: 1;font-weight: 700;font-family: 'Montserrat', sans-serif; font-size: 230px;
	top: 0; right: 0; left: 0; margin: auto; line-height: 0.5; white-space: nowrap; pointer-events: none;opacity: 0.15;
}
.service-page .intro-box .item-list .icon{width: 140px; height: 140px; margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 2;}
.service-page .intro-box .item-list .icon > img{margin: 0 auto;}
.service-page .intro-box .item-list .txt{color: #999; font-size: 38px; font-weight: bold; line-height: 0.8em; text-transform: uppercase; min-height: 1.6em;}

.-s-mkt .h-desc {color: #C33934;}
.service-page .intro-box.-s-mkt .item-list .text-bg{color: #C33934;}

.-s-cat .h-desc {color: #F7A91F;}
.service-page .intro-box.-s-cat .item-list .text-bg{color: #F7A91F;}

.-s-invt{background-image: url(../img/background/bg-s-invt-intro.png);}
.-s-invt .h-desc {color: #0F4C81;}
.service-page .intro-box.-s-invt .item-list .text-bg{color: #0F4C81;}
.service-page .into2-box.-s-invt .desc{color: #fff;}

.-s-dvlm .h-desc {color: #76C58C;}
.service-page .intro-box.-s-dvlm .item-list .text-bg{color: #76C58C;}


.-s-qstt{background-image: url(../img/background/bg-s-qstt-intro.jpg);}
.-s-qstt .h-title{color: #fff;}
.-s-qstt .s-title{color: #aaa;}
.-s-qstt .desc{color: #fff;}
.service-page .intro-box.-s-qstt .container {padding: 0 15px;}
.service-page .intro-box.-s-qstt .item-list .item {width: 19%;}
.service-page .intro-box.-s-qstt .item-list .text-bg{color: #fff;}
.service-page .intro-box.-s-qstt .item-list .t-txt{font-size: 100px; font-weight: bold; color: #fff; line-height: 0.7; margin-bottom: 10px; text-transform: uppercase;}
.service-page .intro-box.-s-qstt .item-list .t-txt small{font-size: 50px;}
.service-page .intro-box.-s-qstt .item-list .txt {color: #ccc; line-height: 1em;min-height: 2em;}

.-s-ol-mkt{background-image: url(../img/background/bg-s-ol-mkt.png);}
.-s-ol-mkt .h-title{color: #D45372;}
.-s-ol-mkt .s-title{color: #1F212D;}
.-s-ol-mkt .desc{color: #D45372;}
.service-page .intro-box.-s-ol-mkt .item-list .text-bg{color: #D45372;}
.service-page .intro-box.-s-ol-mkt .item-list .icon { margin-bottom: 40px;}

.service-page .into2-box{background-image: url(../img/background/bg-s-into2.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.service-page .into2-box .into2-content{padding-top: 180px; padding-bottom: 100px; text-transform: uppercase;}
.service-page .into2-box .item{border-top: 1px solid rgba(112, 112, 112, 0.2); position: relative;}
.service-page .into2-box .item+.item{border-left: 1px solid rgba(112, 112, 112, 0.2);}
.service-page .into2-box .wrapper{position: relative; display: block; padding: 0 25px;}
.service-page .into2-box .inner{position: relative; z-index: 1;}
.service-page .into2-box .header{padding-top: 25px;position: relative;}
.service-page .into2-box .header .title{ max-width: 180px; font-weight: normal;text-transform: uppercase;font-size: 36px;line-height: 0.8em;}
.service-page .into2-box .header .no{position: absolute;top: 14px;right: 0; font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 80px; }
.service-page .into2-box .icon{ margin-top: 20px; display: flex; justify-content: center; height: 295px;}
.service-page .into2-box .icon img{ filter: brightness(100%) grayscale(0%) invert(0);}
.service-page .into2-box .footer{min-height: 250px;border-top: 1px solid rgba(112, 112, 112, 0.2);padding: 25px 0; font-size: 24px;text-transform: uppercase;font-weight: normal; text-align: center;}

.service-page .into2-box.-s-mkt .item{width: 33.33%; }
.service-page .into2-box.-s-mkt .header .title{color: #C33934;}
.service-page .into2-box.-s-mkt .header .no{color: #C33934;}
.service-page .into2-box.-s-mkt .footer {color: #fff; min-height: 180px;}

.service-page .into2-box.-s-dvlm .item{width: 20%; }
.service-page .into2-box.-s-dvlm .header .no{color: #76C58C;}
.service-page .into2-box.-s-dvlm .icon img{width: 140px; margin: 0 auto;}
.service-page .into2-box.-s-dvlm .footer {color: #76C58C; font-size: 28px; min-height: 140px;}

.service-page .into2-box.-s-qstt{background-image: url(../img/background/bg-s-qstt-intro.png);}
.service-page .into2-box.-s-qstt .whead .title{color: #000;}
.service-page .into2-box.-s-qstt .whead .text-bg { -webkit-text-stroke: 1px rgba(0, 0, 0, 0.2);}
.service-page .into2-box.-s-qstt .s-title {margin-top: -60px;font-size: 100px;font-weight: 100;line-height: 0.7;text-transform: uppercase; color: #707070;}
.service-page .into2-box.-s-qstt .item{width: 25%; padding: 0 35px;
	border: 1px solid rgba(229, 229, 229, 0.85); 
	background-color: rgba(255, 255, 255, 0.85);
}
.service-page .into2-box.-s-qstt .icon{margin-top: 60px; height: 200px; margin-bottom: 15px;}
.service-page .into2-box.-s-qstt .icon > img{width: 140px; margin: 0 auto;}
.service-page .into2-box.-s-qstt .content{min-height: 330px;}
.service-page .into2-box.-s-qstt .content .title{font-size: 55px; font-weight: 300; line-height: 1; color: #000; margin-bottom: 20px; text-transform: uppercase;}
.service-page .into2-box.-s-qstt .content .desc{font-size: 30px; font-weight: normal; line-height: 1; color: #999;}


.service-page .into2-box.-s-ol-mkt .desc{color: #fff;}
.service-page .into2-box.-s-ol-mkt .into2-content{position: relative; height: 810px;}
.service-page .into2-box.-s-ol-mkt .thumb{width: 583px; height: 834px; position: absolute; z-index: 1; right: 0; bottom: -100px; pointer-events: none;}

.service-page .into2-box.-s-ol-mkt.-box2{background-image: url(../img/background/bg-into2-box-s-ol-mkt.png);}
.service-page .into2-box.-s-ol-mkt.-box2 .into2-content{height: 820px;}
.service-page .into2-box.-s-ol-mkt.-box2 .whead{padding-left: 625px;}
.service-page .into2-box.-s-ol-mkt.-box2 .whead .title{color: #000; white-space: nowrap;}
.service-page .into2-box.-s-ol-mkt.-box2 .whead .text-bg {-webkit-text-stroke: 1px rgba(0,0,0,0.2);}
.service-page .into2-box.-s-ol-mkt.-box2 .desc{color: #565656;}
.service-page .into2-box.-s-ol-mkt.-box2 .thumb{width: 1158px; height: 865px; position: absolute; z-index: 1; right: auto; left: -250px; bottom: auto; top: -126px;}

.s-mkt-social{background-image: url(../img/background/bg-s-mkt-social.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.s-mkt-social .height{height: 926px;}
.s-mkt-social .h-title{font-size: 150px; font-weight: bold; color: #fff; line-height: 0.8em; text-transform: uppercase;}
.s-mkt-social .s-title{font-size: 40px; font-weight: 100; color: #fff; line-height: 1em; margin-top: 30px;}
.s-mkt-social .txt{font-size: 48px; font-weight: bold; color: #fff; line-height: 0.8em; text-transform: uppercase; margin-bottom: 40px;}
.s-mkt-social .socail-list{margin-top: 75px;}
.s-mkt-social .item+.item{margin-left: 35px;}
.s-mkt-social .icon{margin-bottom: 20px;}
.s-mkt-social .icon>img{margin: 0 auto;}
.s-mkt-social .desc{font-size: 30px; font-weight: 100; color: #fff; line-height: 1em; text-align: center;}

.s-mkt-seosem{background-image: url(../img/background/bg-s-mkt-seosem.png); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.s-mkt-seosem .seosem-content{padding-top: 165px; padding-bottom: 100px;}
.s-mkt-seosem .seosem-content .whead {padding: 0;}
.s-mkt-seosem .seosem-content .whead .title{color: #000;}
.s-mkt-seosem .seosem-content .whead .desc{color: #C33934;}
.s-mkt-seosem .seosem-content .whead .text-bg {top: -140px;left: -140px;
    -webkit-text-stroke: 1px rgba(0,0,0,0.1);
}
.s-mkt-seosem .seosem-list{padding-bottom: 100px;}
.s-mkt-seosem .seosem-list .item-list{text-align: center; margin: 0 -20px;}
.s-mkt-seosem .seosem-list .item{display: inline-block; vertical-align: middle; width: 25%; padding: 0 20px; float: none;}
.s-mkt-seosem .seosem-list .wrapper{position: relative; display: block; padding: 0 20px;background-image: url(../img/background/bg-s-mkt-seosem-wrapper.jpg); background-size: cover;}
.s-mkt-seosem .seosem-list .inner{position: relative; z-index: 1; text-align: left; min-height: 400px;}
.s-mkt-seosem .seosem-list .header{padding-top: 40px;position: relative;}
.s-mkt-seosem .seosem-list .header .title{ max-width: 185px; font-weight: normal;text-transform: uppercase;font-size: 36px;line-height: 0.8em;color: #C33934;}
.s-mkt-seosem .seosem-list .header .no{position: absolute; top: 28px;right: 0; font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 80px; color: #C33934;}
.s-mkt-seosem .seosem-list .icon{ margin-top: 20px; display: flex; justify-content: center; height: 295px;}
.s-mkt-seosem .seosem-list .icon img{ filter: brightness(100%) grayscale(0%) invert(0);}
.s-mkt-seosem .process-content{padding-top: 60px; padding-bottom: 65px; background-color: rgba(0,0,0,0.5);}
.s-mkt-seosem .process-content .h-title{font-size: 80px; font-weight: 500; text-align: center; color: #fff; line-height: 1;margin-bottom: 45px;}
.s-mkt-seosem .process-content .item{width: 25%;}
.s-mkt-seosem .process-content .icon{width: 140px;margin: 0 auto; margin-bottom: 25px;}
.s-mkt-seosem .process-content .icon>img{margin: 0 auto;}
.s-mkt-seosem .process-content .txt{width: 250px;margin: 0 auto; text-align: center; font-size: 40px; font-weight: normal; color: #fff; line-height: 0.9; text-transform: uppercase;}

.s-mkt-partner{background-image: url(../img/background/bg-s-mkt-partner.jpg); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 60px 0;}
.s-mkt-partner .h-title{font-size: 70px; font-weight: bold; color: #fff; line-height: 1;margin-bottom: 45px;}
.s-mkt-partner .wrapper{position: relative;}
.s-mkt-partner .wrapper+.wrapper{margin-top: 30px;}
.s-mkt-partner .icon{width: 230px;}
.s-mkt-partner .icon > img{width: 140px; height: 140px; max-width: inherit; margin: 0 auto; filter: brightness(200%);}
.s-mkt-partner .content .title{font-size: 50px; font-weight: normal; color: #fff; line-height: 1;margin-bottom: 15px;}
.s-mkt-partner .content .desc{font-size: 40px; font-weight: normal; color: #fff; line-height: 1;}
.s-mkt-partner.-s-invt{background-image: url(../img/background/bg-s-invt-partner.jpg);}
.s-mkt-partner.-s-invt .content{text-align: left;}
.s-mkt-partner.-s-invt .wrapper+.wrapper {margin-top: 70px;}

.partner-brand{position: relative;}
.partner-brand .item-list{}
.partner-brand .item{width: 16.6%;}
.partner-brand .thumb{height: 300px; width: 100%; display: table-cell; vertical-align: middle;}
.partner-brand .thumb img{margin: 0 auto;}

.s-contact{background-image: url(../img/background/bg-s-contact.png); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 70px 0 90px 0;}
.s-contact .h-title{font-size: 100px; font-weight: bold; color: #000; text-align: center; line-height: 1; margin-bottom: 25px;}
.s-contact .body{padding: 60px 40px; width: 960px; margin: 0 auto;
	background-image: url(../img/background/bg-s-contact-body.png); 
	background-size: cover; background-position: center;
}
.s-contact .body .form-default .form-control{border: 0;}
.s-contact .body .form-default{display: none;}
.s-contact .body .form-default.active{display: block;}
.s-contact .body .submit{display: none;}
.s-contact .body .submit .height{height: 700px;}
.s-contact .body .submit .txt-content{text-align: center; margin-top: 150px;}
.s-contact .body .submit .lazy{width: 320px; margin-bottom: 30px;}
.s-contact .body .submit .title{font-size: 48px; font-weight: bold; color:#fff; margin-bottom: 20px; line-height: 1;}
.s-contact .body .submit .desc{font-size: 24px; color:#fff; line-height: 1;}
.s-contact .body .submit.active{display: block;}

.s-end .dhead{margin-bottom: 40px;}

.s-cat-develop{background-image: url(../img/background/bg-s-cat-develop.jpg); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.s-cat-develop .height{height: 640px;}
.s-cat-develop .content{text-align: left;}
.s-cat-develop .title{font-size: 120px; font-weight: bold; color: #707070; line-height: 1; margin-bottom: 25px; text-transform: uppercase;}
.s-cat-develop .desc{font-size: 38px; font-weight: bold; color: #707070; line-height: 1.2em;}

.s-cat-design{background-image: url(../img/background/bg-s-cat-design.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.s-cat-design .content{padding-top: 140px; padding-bottom: 70px; text-transform: uppercase;}
.s-cat-design .desc{color: #F7A91F;}
.s-cat-design .s-cat-list{padding-bottom: 50px;}
.s-cat-design .s-cat-list .item{width: 25%; margin: 30px 0;}
.s-cat-design .s-cat-list .icon{width: 140px; height: 140px; margin: 0 auto; margin-bottom: 25px;}
.s-cat-design .s-cat-list .icon>img{margin: 0 auto;}
.s-cat-design .s-cat-list .txt{width: 250px;margin: 0 auto; text-align: center; font-size: 40px; font-weight: normal; color: #fff; line-height: 0.9; min-height: 1.8em; text-transform: uppercase;}

.s-cat-catvt{background-image: url(../img/background/bg-s-cat-intro.png); padding-top: 85px; padding-bottom: 70px;}
.s-cat-catvt .h-title{color: #707070; font-size: 80px; font-weight: 500; line-height: 1; text-align: center;}
.s-cat-catvt .h-title .color{color:#F7A91F; font-weight: bold; text-transform: uppercase;}
.s-cat-catvt .item-list{ margin-top: 70px; text-align: center;}
.s-cat-catvt .item{width: 25%; padding: 0 20px;}
.s-cat-catvt .wrapper{position: relative; text-align: left;}
.s-cat-catvt .title{color: #F7A91F; font-size: 62px; font-weight: bold; line-height: 0.7em; min-height: 1.4em; text-transform: uppercase;}
.s-cat-catvt .text-bg{position: absolute; z-index: 1;font-weight: 700;font-family: 'Montserrat', sans-serif; font-size: 220px;
    top: 0; right: 0px; line-height: 0.7; white-space: nowrap; pointer-events: none;
    color: rgba(255,255,255,0);
    -webkit-text-stroke: 1px rgba(247,169,31,0.4);
}
.s-cat-catvt .icon{width: 140px; height: 140px; margin: 0 auto; position: relative; z-index: 2;}
.s-cat-catvt .txt{color: #999; margin-top: 40px; font-size: 46px; font-weight: bold; line-height: 1em; text-align: center; text-transform: uppercase; min-height: 2em;}

.s-cat-partner{background-image: url(../img/background/bg-s-cat-partner.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.s-cat-partner .content{padding: 50px 0;}
.s-cat-partner .h-title{font-size: 70px; font-weight: bold; color: #fff; line-height: 1;}
.s-cat-partner .item{border-top: 1px solid #707070; position: relative; width: 20%;}
.s-cat-partner .item+.item{border-left: 1px solid #707070;}
.s-cat-partner .wrapper{position: relative; display: block; padding: 0 25px;}
.s-cat-partner .inner{position: relative; z-index: 1;}
.s-cat-partner .header{padding-top: 20px;position: relative;}
.s-cat-partner .header .no{font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 80px; }
.s-cat-partner .icon{ margin-top: 50px; margin-left: auto; margin-right: auto; width: 140px; height: 140px; margin-bottom: 60px;}
.s-cat-partner .icon > img{margin: 0 auto;}
.s-cat-partner .footer{padding-bottom: 70px; font-size: 40px; color: #fff; text-transform: uppercase;font-weight: normal; text-align: center;}

.wg-about2-list.-s-invt{margin-left: 0;}
.wg-about2-list.-s-invt .item {width: calc(100% / 6);}
.wg-about2-list.-s-invt .wrapper {background-position: center top; background-size: cover;}
.wg-about2-list.-s-invt .wrapper .img-cover { object-position: center top;}
.wg-about2-list.-s-invt .wrapper .name {font-size: 60px; bottom: 15px;}

.s-invt-flow{background-image: url(../img/background/bg-s-invt-flow.png); 
    background-position: top center; background-repeat: no-repeat; background-size: cover;
    padding-top: 85px; padding-bottom: 50px;
}
.s-invt-flow .whead .title{color: #000;}
.s-invt-flow .whead .text-bg { top: -60px; -webkit-text-stroke: 1px rgba(123,123,123,0.2);}

.s-dvlm-mobile{background-image: url(../img/background/bg-s-dvlm-mobile.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover;}
.s-dvlm-mobile .content{padding-top: 180px; padding-bottom: 100px; text-transform: uppercase;}
.s-dvlm-mobile .whead .title{color: #000;}
.s-dvlm-mobile .whead .desc{color: #76C58C;}
.s-dvlm-mobile .whead .text-bg {-webkit-text-stroke: 1px rgba(123,123,123,0.2);}
.s-dvlm-mobile .wrapper{display: inline-block; text-align: center; margin-left: 250px;}
.s-dvlm-mobile .thumb{margin-bottom: 20px; position: relative; right: -70px;}
.s-dvlm-mobile .thumb img{ filter: brightness(100%) grayscale(0%) invert(0);}
.s-dvlm-mobile .txt{color: #707070; font-size: 55px; font-weight: bold; line-height: 1;text-transform: uppercase;}

.s-dvlm-partner{padding-top: 60px; padding-bottom: 100px;
	background-image: url(../img/background/bg-s-dvlm-partner.jpg); 
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.s-dvlm-partner .h-title{font-size: 70px; font-weight: bold; color: #fff; line-height: 1;margin-bottom: 45px;}
.s-dvlm-partner .item{width: 50%;}
.s-dvlm-partner .item:nth-child(odd){float: left;}
.s-dvlm-partner .item:nth-child(even){float: right;}
.s-dvlm-partner .item+.item{margin-top: 270px;}
.s-dvlm-partner .item:nth-child(4){margin-top: 300px;}
.s-dvlm-partner .wrapper{position: relative; padding-top: 70px;}
.s-dvlm-partner .no{position: absolute; z-index: 0; top: 0; left: -180px; font-size: 240px; font-weight: 700;font-family: 'Montserrat', sans-serif; line-height: 0.5; opacity: 0.5; color: #76C58C;}
.s-dvlm-partner .desc{position: relative; z-index: 1; font-size: 40px; font-weight: normal; color: #fff; line-height: 1; text-transform: uppercase;}

.submit-page { height: 100vh; position: relative;
    background: url(../image/background/bg-submit.jpg) no-repeat center;background-size: cover;
}

.submit-page .content {display: table; position: absolute; top: 50%; left: 50%;transform: translate(-50%, -50%)}
.submit-page .content>div {display: table-cell;vertical-align: middle;position: relative;}
.submit-page .content .wording {padding-left: 75px}
.submit-page .content .wording .head-title {color: #092b89;font-size: 40px;font-weight: 700;line-height: 1em;
    background: -webkit-linear-gradient(left, #092d8a, #2bb7ed);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.submit-page .content .wording .desc { font-weight: lighter;font-size: 20px;color: #607085;margin-top: 15px;}

.submit-page .content .wording .btn-box{margin-top: 15px;}
.submit-page .content .wording .btn-box .btn{background: none; position: relative;  padding: 0 25px;  min-width: 200px;  height: 50px;  line-height: 48px; 
    border: 1px solid transparent; font-size: 24px; font-weight: 500;text-transform: uppercase;border-radius: 0;
}
.submit-page .content .wording .btn-box .btn-primary,
.submit-page .content .wording .btn-box .btn-primary:focus,
.submit-page .content .wording .btn-box .btn-primary.focus,
.submit-page .content .wording .btn-box .btn-primary:not(:disabled):not(.disabled).active, 
.submit-page .content .wording .btn-box .btn-primary:not(:disabled):not(.disabled):active{
    color: #fff; 
    background-color: #0F4C81; 
    border-color: transparent;
}
.submit-page .content .wording .btn-box .btn-primary:hover,
.submit-page .content .wording .btn-box .btn-primary:active:hover,
.submit-page .content .wording .btn-box .btn-primary.active:hover,
.submit-page .content .wording .btn-box .btn-primary:active:focus,
.submit-page .content .wording .btn-box .btn-primary.actitve:focus,
.submit-page .content .wording .btn-box .btn-primary:active.focus,
.submit-page .content .wording .btn-box .btn-primary.active.focus,
.submit-page .content .wording .btn-box .btn-primary:focus:hover,
.submit-page .content .wording .btn-box .btn-primary.focus:hover{
    color: #fff; 
     background-color: #0F4C81; 
    border-color: transparent;
}
.submit-page .content .wording .btn-box .btn-primary.disabled,
.submit-page .content .wording .btn-box .btn-primary.disabled:hover{
    color: #fff; 
    background-color: #0F4C81; 
    border-color: transparent; 
    opacity: 0.5;
}




.default-header.s-quick-starter{background-image: url(../img/background/h-quick-starter.jpg);}
.default-header.s-quick-starter .symbol {margin-right:0px;}
.s-quick-starter .thead{}
.s-quick-starter .thead .t-title{font-size: 50px; font-weight: normal; color: #fff; text-transform: uppercase; line-height: 1; margin-bottom: 10px;}
.s-quick-starter .thead .h-title{font-size: 150px; font-weight: bold; color: #fff; text-transform: uppercase; line-height: 0.7; margin-bottom: 35px;}
.s-quick-starter .thead .list{margin-bottom: 50px; width: 500px;}
.s-quick-starter .thead .list .item-list{}
.s-quick-starter .thead .list .item-list > li{width: 50%;}
.s-quick-starter .thead .list .feather{font-size: 30px; color: #fff; position: relative; top: 4px;}
.s-quick-starter .thead .list .txt{font-size: 20px; font-weight: 100; color: #fff;}
.s-quick-starter .thead .desc{font-size: 24px; font-weight: 100; color: rgba(255,255,255,0.7);}

.s-qstt-process-strength{background-image: url(../img/background/bg-qstt-process-strength.png);
	background-size: cover; background-position: center; background-repeat: no-repeat;
	height: 900px; padding-top: 85px;
}
.s-qstt-process-strength .h-title{text-align: center; font-size: 100px; font-weight: bold; color: #0F4C81;}
.s-qstt-process-strength .slider{padding-top: 60px;}
.s-qstt-process-strength .wrapper{position: relative; margin-top: 60px;}
.s-qstt-process-strength .wrapper+.wrapper{margin-top: 80px;}
.s-qstt-process-strength .icon{width: 140px;}
.s-qstt-process-strength .icon > img{width: 140px; height: 140px; max-width: inherit;}
.s-qstt-process-strength .content{padding: 0 0px;}
.s-qstt-process-strength .desc{font-size: 40px; font-weight: bold; color: #565656; line-height: 1;}
.s-qstt-process-strength .wrapper:nth-child(odd) .content{text-align: left; margin-left: -40px;}
.s-qstt-process-strength .wrapper:nth-child(even) .content{text-align: right; margin-right: -40px;}
.s-qstt-process-strength .title{font-size: 70px; font-weight: bold; color: #565656; line-height: 1; text-align: center; text-transform: uppercase;}
.s-qstt-process-strength .item-list{margin-top: 60px; text-align: center;}
.s-qstt-process-strength .item-list .item{width: 33.33%;}
.s-qstt-process-strength .item-list .wrapper{position: relative; text-align: center; padding-top: 40px;}
.s-qstt-process-strength .item-list .icon{width: 140px; margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 2;}
.s-qstt-process-strength .item-list .icon > img{margin: 0 auto;}
.s-qstt-process-strength .item-list .txt{color: #999; font-size: 32px; font-weight: bold; line-height: 0.8em; text-transform: uppercase; min-height: 1.6em;}
.s-qstt-process-strength .end-blog{position: relative; height: 410px; padding-top: 140px;}
.s-qstt-process-strength .end-blog .icon{width: 540px; height: 410px; opacity: 0.3; position: absolute; z-index: 0; top: 0; left: 0; right: 0; bottom: 0; margin: auto;}
.s-qstt-process-strength .end-blog .icon > img{width: auto; height: auto; max-width: 100%;}
.s-qstt-process-strength .end-blog .title{position: relative; z-index: 1;}

.s-qstt-fqstt{padding: 100px 0; background-image: url(../img/background/bg-qstt-fqstt.jpg);
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.s-qstt-fqstt .s-title{color: #000; font-size: 80px; font-weight: bold; line-height: 0.8em; text-transform: uppercase;}
.s-qstt-fqstt .h-title{color: #000; font-size: 120px; font-weight: bold; line-height: 0.8em; text-transform: uppercase;}
.s-qstt-fqstt .h-title .solid{line-height: 1px; position: relative; top: 14px; left: -10px; display: inline-block; vertical-align: middle;}
.s-qstt-fqstt .list-box{text-align: center;}
.s-qstt-fqstt .item-list{margin-top: 60px; text-align: center; display: inline-block; vertical-align: top;}
.s-qstt-fqstt .item-list .item{position: relative;}
.s-qstt-fqstt .item-list .item+.item{margin-left: 60px; padding-left: 130px;}
.s-qstt-fqstt .item-list .item+.item:before{content: ''; width: 82px; height: 30px;
	position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; margin: auto;
	background-image: url(../img/icon/qstt-fqstt-i00.svg);
	background-position: top left; background-repeat: no-repeat; background-size: contain;
}
.s-qstt-fqstt .item-list .wrapper{position: relative; text-align: center; padding-top: 40px;}
.s-qstt-fqstt .item-list .icon{width: 140px; margin: 0 auto; margin-bottom: 20px; position: relative; z-index: 2;}
.s-qstt-fqstt .item-list .icon > img{margin: 0 auto;}
.s-qstt-fqstt .item-list .txt{color: #0F4C81; font-size: 36px; font-weight: bold; line-height: 0.8em; min-height: 1.6em;}

.s-qstt-businesses-we-specialize{background-color: #000; padding: 100px 0;}
.s-qstt-businesses-we-specialize .h-title{text-align: center; font-size: 70px; font-weight: bold; color: #fff;}
.s-qstt-businesses-we-specialize .slider{padding-top: 60px; margin: 0 -30px;}
.s-qstt-businesses-we-specialize .item{position: relative; padding: 0 30px;}
.s-qstt-businesses-we-specialize .wrapper{position: relative; width:400px; height: 400px; padding: 25px; border: 1px solid #333333;
	background-position: center; background-repeat: no-repeat; background-size: cover;
}
.s-qstt-businesses-we-specialize .inner{position: relative; z-index: 1; color: #fff;}
.s-qstt-businesses-we-specialize .title{ max-width: 200px; font-weight: normal;text-transform: uppercase;font-size: 36px;line-height: 0.8em;}
.s-qstt-businesses-we-specialize .no{position: absolute;top: -12px;right: 0; font-family: 'Montserrat', sans-serif;font-weight: bold;font-size: 80px; }

.default-header.s-ol-mkt {background-image: url(../img/background/h-online-marketing.png);}
.default-header.s-ol-mkt .whead{text-transform: uppercase;}
.default-header.s-ol-mkt .whead .text-bg {top: 20px;}
.default-header.s-ol-mkt .whead .desc{font-size: 36px; font-weight: bold;}
.default-header.s-ol-mkt .whead .desc small{font-size: 28px; font-weight: normal;}
.default-header.s-ol-mkt .symbol{margin-right: -350px; margin-top: 180px; position: relative; left: -115px;}

.s-ol-mkt-vsv{background-image: url(../img/background/bg-s-cat-intro.png); padding-top: 85px; padding-bottom: 70px;}
.s-ol-mkt-vsv .h-title{color: #000; font-size: 120px; font-weight: bold; line-height: 1;}
.s-ol-mkt-vsv .item-list{ margin-top: 70px; text-align: center;}
.s-ol-mkt-vsv .item{width: 25%; padding: 0 20px;}
.s-ol-mkt-vsv .wrapper{position: relative; text-align: left; padding-top: 115px;}
.s-ol-mkt-vsv .text-bg{position: absolute; z-index: 1;font-weight: 700;font-family: 'Montserrat', sans-serif; font-size: 320px;
    top: 0; right: 0px; line-height: 0.7; white-space: nowrap; pointer-events: none;
    color: rgba(255,255,255,0);
    -webkit-text-stroke: 1px rgba(153,153,153,1);
}
.s-ol-mkt-vsv .icon{height: 140px; position: relative; z-index: 2;}
.s-ol-mkt-vsv .icon > img{margin: 0 auto;}
.s-ol-mkt-vsv .txt{color: #D45372; margin-top: 40px; font-size: 40px; font-weight: bold; line-height: 1em; 
	text-align: center; text-transform: uppercase; min-height: 2em;
	white-space: nowrap;
}

.s-ol-mkt-slt{padding-top: 160px; padding-bottom: 80px; height: 1548px; position: relative;
	background-image: url(../img/background/bg-s-ol-mkt-slt.jpg);
	background-size: cover; background-position: center; background-repeat: no-repeat;
}
.s-ol-mkt-slt .h-title{font-size: 120px; font-weight: bold; color: #fff; line-height: 1; position: relative; z-index: 3;}
.s-ol-mkt-slt .item-list{ position: absolute; top: 100px; right: 0;}
.s-ol-mkt-slt .item{float: right; clear: both;}
.s-ol-mkt-slt .thumb{position: relative;}
.s-ol-mkt-slt .thumb:before,
.s-ol-mkt-slt .thumb:after{content: ''; position: absolute; z-index: 0; background-color: #D45372; opacity: 0.7;}
.s-ol-mkt-slt .content{position: relative; z-index: 1; margin: 0 20px;}
.s-ol-mkt-slt .txt{font-size: 40px; font-weight: normal; line-height: 1; color: #fff; z-index: 1; position: relative; text-transform: uppercase;}
.s-ol-mkt-slt .no{font-size: 200px; font-weight: bold; line-height: 90px; color: #fff; 
	z-index: 0; position: absolute; right: 0px; top: 0; opacity: 0.2;
}
.s-ol-mkt-slt .-list1{padding-right: 120px;}
.s-ol-mkt-slt .-list1 .thumb:before{top: 0; left: 100%; width: 96px; height: 96px;}
.s-ol-mkt-slt .-list1 .thumb:after{bottom: -160px; right: 100%; width: 198px; height: 198px;}
.s-ol-mkt-slt .-list1 .content{width: 445px;}
.s-ol-mkt-slt .-list1 .no{right: -20px;}
.s-ol-mkt-slt .-list2 .thumb:before{top: 100%; right: 0; width: 75px; height: 75px;}
.s-ol-mkt-slt .-list2 .content{width: 465px;}
.s-ol-mkt-slt .-list3{padding-right: 365px; margin-top: -77px;}
.s-ol-mkt-slt .-list3 .thumb:before{top: -62px; right: 100%; width: 124px; height: 124px;}
.s-ol-mkt-slt .-list3 .content{width: 482px;}
.s-ol-mkt-slt .-list4{margin-top: -38px; padding-right: 48px;}
.s-ol-mkt-slt .-list4 .thumb:before{top: 0; right: 100%; width: 96px; height: 96px;}
.s-ol-mkt-slt .-list4 .thumb:after{top: 100%; right: -48px; width: 156px; height: 156px;}
.s-ol-mkt-slt .-list4 .content{width: 612px; margin-right: 210px;}
.s-ol-mkt-slt .-list5{margin-top: -77px; padding-right: 495px;}
.s-ol-mkt-slt .-list5 .thumb:before{bottom: -34px; left: 100%; width: 130px; height: 130px;}
.s-ol-mkt-slt .-list5 .content{width: 462px; margin-left: 130px;}

.wg-care{position: relative;}
.wg-care-list {position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; width: 25%;}
.wg-care-list .link {height: 565px;}

.wg-about-header .item {padding: 10px 20px 13px 20px;min-height: 140px;}
.wg-about-header .item+.item{border-left: 1px solid rgba(255,255,255,0.1); margin-left: -1px;}

.wg-help-list .item-xs{display: none;}
.wg-help-list .item-xs .link{padding: 20px;
	background: url(../img/background/wg-help-3.jpg) center;
    background-size: cover;
}


.site-header.port-page .main {background-color: rgba(0,0,0,0.7);}
.default-page .port-detail .container{width: 1180px; padding: 0}
.port-detail .btn-box{padding: 0; background-color: transparent;}
.port-detail .btn-box .dropdown-menu{min-width: 290px;}


.wg-care .topbar {padding: 80px 0;}

.service-page .wg-help{padding-top: 40px; margin-top: 0;}

.wg-intern .whead .desc{max-width: 560px;}
.c-join .c-join-oj4 {margin-right: -968px;}
.c-join .item {position: relative;z-index: 1;}
.c-join .item .link{background-position: top center;}
.abox-content .z-in9{position: relative; z-index: 9;}
.career-page .wg-intern{position: inherit; z-index: inherit;}
.career-page .wg-intern .whead .desc{max-width: 560px;}
.career-page .wg-intern .whead .link{position: relative; z-index: 1;}
.career-page .wg-intern .whead .link:hover{color: #0F4C81;}

.blog-list .date{color: #000;margin-bottom: 10px;}
.blog-list .title {font-size: 50px; text-transform: uppercase; line-height: 0.8em; height: 0.8em; margin-bottom: 10px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.blog-list .desc {font-size: 26px;height: 3em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.blog-list .content { padding: 15px 40px 80px 40px;}

.wg-success-list .btn-box,
.wg-success-list2 .btn-box {position: absolute;z-index: 100; text-align: center;
	left: 0; right: 0; bottom: 30px; background-color: transparent; padding: 0;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}
.wg-success-list .btn-box .feather,
.wg-success-list2 .btn-box .feather{position: relative; top: -1px; margin-left: 3px;}

.wg-about2-list .scroll-icon{position: absolute;z-index: 1;top: 5px;right: 10px; font-size: 12px; color: #fff; display: none;}
.wg-about2-list .scroll-icon .feather{font-size: 24px; position: relative; top: 6px;}

.whatnew-detail .content-detail .btn-box{border-top: 1px solid #e1e1e1; padding-top: 30px; margin-top: 30px;}
.whatnew-detail .content-detail .btn-box .item:nth-child(1){float: left;}
.whatnew-detail .content-detail .btn-box .item:nth-child(2){float: right;}

.default-page .welfare ul > li {margin: 10px 0;}
.default-page .welfare ul li:nth-child(5n+1){clear: both;}
.default-page .welfare ul li .content .head-title {color: #4d4d4d;}
.default-page .welfare ul li .thumb figure{width: 100%;}
.default-page .welfare ul li .thumb figure img{width: 100%;}



.cookie {z-index: 99999;}

.wg-about,
.wg-section-2,
.wg-inno,
.wg-care{background-repeat: no-repeat; background-color: #000; background-attachment: fixed;}

.a-vspace-list .wrapper .h-title{overflow: hidden; line-height: 1em; max-height: 1em;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

/* intro page 24 Dec 2020 */
.intro-page .intro-img{
    height: calc(100vh - 120px);
    overflow: hidden;
}
.intro-img .slick-slider .slick-dots{
    bottom: 30px;
    justify-content: center;
}
.intro-page .intro-img .cover{
    height: calc(100vh - 120px);
}
.intro-page .cover .img-cover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
}
.intro-page .intro-main{
    width: 100%;
    height: 120px;
    display: flex;
    align-items: center;
    background: black;
    background: -moz-linear-gradient(left, black 0%, #094574 100%);
    background: -webkit-linear-gradient(left, black 0%, #094574 100%);
    background: linear-gradient(to right, black 0%, #094574 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#094574',GradientType=1 );
}
.intro-page .intro-main .container{width: 1310px;}
.intro-page .intro-main .img-brand{
    width: 100px;
    filter: brightness(0) invert(1);
}
.intro-page .brand .box-text{padding-left: 20px;}
.intro-page .brand .intro-link{color: #ffffff; text-decoration: none;}
.intro-page .brand .title{
    font-size: 36px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 1em;
}
.intro-page .brand .desc{
    font-size: 24px;
    text-transform: uppercase;
    line-height: 1em;
}
.intro-page .link-to-site .btn-to-site{
    display: block;
    margin: 0 auto;
    width: 220px;
    height: 50px;
    background-color: #fff;
    text-transform: uppercase;
    line-height: 50px;
    font-weight: 500;
    opacity: 0.5;
    
    display: flex;
    align-items: center;
    justify-content: center; 
}
.intro-page .link-to-site .btn-to-site:hover{
    opacity: 1;
}
/* end intro page */




/* G-edition 08/02/2564 */
.default-page .btn-detail, 
.default-page .btn-detail:focus, 
.default-page .btn-detail.focus{color: #0F4C81;}
.default-page .btn-detail:hover, 
.default-page .btn-detail:active:hover, 
.default-page .btn-detail.active:hover, 
.default-page .btn-detail:active:focus, 
.default-page .btn-detail.active:focus, 
.default-page .btn-detail:active.focus, 
.default-page .btn-detail.active.focus, 
.default-page .btn-detail:focus:hover, 
.default-page .btn-detail.focus:hover{color: #0F4C81;}
.default-page .btn-secondary, 
.default-page .btn-secondary:focus, 
.default-page .btn-secondary.focus {background-color: #0F4C81;}
.default-page .btn-secondary:hover, 
.default-page .btn-secondary:active:hover, 
.default-page .btn-secondary.active:hover, 
.default-page .btn-secondary:active:focus, 
.default-page .btn-secondary.active:focus, 
.default-page .btn-secondary:active.focus, 
.default-page .btn-secondary.active.focus, 
.default-page .btn-secondary:focus:hover, 
.default-page .btn-secondary.focus:hover, 
.default-page .btn-secondary:not([disabled]):not(.disabled):active{background-color: #0F4C81;}
.default-page .content-detail .title{color: #0F4C81;}
.default-page .career-page .content .title {color: #0f4c81;}
.default-page .career-page .content .job-title .title{color: #0F4C81;}
.default-page .more-job .heading{color: #0F4C81;}
.default-page .more-article .heading{color: #0F4C81;}
.default-page .more-article ul > li > a .inner .content .title {color: #333;}
.default-page .more-article ul > li > a .inner .content .desc {color: #6f6f6f;}
.default-page .more-article ul > li > a .inner .content .btn-more{color: #0F4C81;}
.default-page .more-service .heading{color: #0F4C81;}
.default-page .more-service ul > li > a{color: #6f6f6f;}
.default-page .more-service ul > li > a:hover {background-color: #6f6f6f;}

.blog-intro .action .wrapper.-bg1{padding: 0;}
.blog-intro .select2-container--default .select2-selection--single {height: auto;}
.blog-intro .select2-container .select2-selection--single .select2-selection__rendered { padding: 36px 90px 36px 40px; background-color: #0f4c81;}
.blog-intro .select2-container--default .select2-selection--single .select2-selection__arrow{right: 40px;}

.career-intro .action .wrapper.-bg1{padding: 0;}
.career-intro .select2-container--default .select2-selection--single {height: auto;}
.career-intro .select2-container .select2-selection--single .select2-selection__rendered { padding: 36px 90px 36px 40px; background-color: #0f4c81;}
.career-intro .select2-container--default .select2-selection--single .select2-selection__arrow{right: 40px;}

.select2-results__option { padding: 20px 40px; font-size: 20px;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {background-color: #121212;}

@media (max-width: 991px){
	.blog-intro .select2-container .select2-selection--single .select2-selection__rendered { padding: 16px 40px 16px 20px;}
	.blog-intro .select2-container--default .select2-selection--single .select2-selection__arrow{right: 20px;}

	.career-intro .select2-container .select2-selection--single .select2-selection__rendered { padding: 16px 40px 16px 20px;}
	.career-intro .select2-container--default .select2-selection--single .select2-selection__arrow{right: 20px;}

	.select2-results__option { padding: 15px 20px;}
}

/* end G-edition 08/02/2564 */


/* edit 16 03 2021 */
.cbcareer.checkbox-control input[type="checkbox"]:checked ~ .icon{background-color: #065fb2;}
.cbcareer.checkbox-control .title{font-size: 22px; margin-top: 0;}
/* end edit 16 03 2021 */

/* edit 020242021 */
.block.VII{position: relative;}
.block.VII iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.port-detail .port-mockup .picture:nth-child(1):before{background: none;}
/* end edit 020242021 */

/* client edit */
.wg-product {
    padding: 0 150px;
    margin-top: 50px;
    margin-bottom: 50px;
}
.wg-product a {
    background-color: #f3f4f5;
    display: flex;
    justify-content: center;
    align-items: center;
}
.wg-product a .cover {
    padding-bottom: 100%;
    width: 100%;
}
.wg-product .cover img {
    transition: 1000ms;
    padding: 15px;
    filter: grayscale(1);
}
.wg-product a:hover {
    background-color: #fff;
}
.wg-product a:hover .cover img {
    filter: unset;
}
.wg-product .solid img {
    max-width: 100%;
    width: unset;
    height: unset;
    filter: unset;
}
.wg-product .item-list {
    margin-top: 30px;
    margin-left: -5px;
    margin-right: -5px;
}
.wg-product .item-list .item {
    width: calc(100% / 6);
    padding: 5px;
}
figure.cover {
    position: relative;
    overflow: hidden;
    margin: 0;
}
figure.cover img {
    
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
/* Edit Client 2/1/2023 */
@media (max-width: 991px) {
    .wg-product p {
        font-size: 22px;
   }
}
@media (max-width: 767px) {
    .wg-product p {
        font-size: 18px;
   }
}
@media (max-width: 575px) {
    .wg-product p {
        font-size: 18px;
   }
}


/* edit client 02/09/2023 */
.wg-product .cover {
    position: relative ;
    overflow: hidden ;
    margin: 0 ;
    
}
.wg-product .cover img {
    position: absolute ;
    top: 0 ;
    left: 0 ;
    width: 100% ;
    height: 100% ;
    object-fit: contain ;
    object-position: center ;
    mix-blend-mode: darken;
} 
.wg-know .cover{
    padding-bottom: 40% ;
}

/* 2023/03/20 */
@media (max-width: 1440px) {
    .wg-product {
        padding: 0 100px;
    }
}
@media (max-width: 1199px) {
    .wg-product {
        padding: 0 80px;
    }
    .wg-product .item-list .item {
        width: calc(100% / 5);
    }
}
@media (max-width: 991px) {
    .wg-product {
        padding: 0 40px;
    }
    .wg-product .item-list .item {
        width: calc(100% / 4);
    }
}
@media (max-width: 767px) {
    .wg-product {
        padding: 0 15px;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .wg-product .item-list {
        margin-top: 20px;
    }
    .wg-product .item-list .item {
        width: calc(100% / 3);
    }
}
@media (max-width: 425px) {
    .wg-product .item-list .item {
        width: calc(100% / 2);
    }
}

/* 2023/05/12 */
.wg-product a:hover {
    background-color: #f3f4f5;
}
.wg-product a .cover img {
    filter: none;
}