@font-face {
font-family: 'Lato';
src: local('Lato Font'),
url(https://izumi.vn/wp-content/themes/izumicity/assets/fonts/Lato-Regular.woff2) format("woff2"),
url(https://izumi.vn/wp-content/themes/izumicity/assets/fonts/Lato-Regular.woff) format("woff");
font-style: normal;
font-weight: 400;
}
@font-face {
font-family: 'bayshore';
src: local('Bayshore Font'),
url(https://izumi.vn/wp-content/themes/izumicity/assets/fonts/bayshore.woff2) format("woff2"),
url(https://izumi.vn/wp-content/themes/izumicity/assets/fonts/bayshore.woff) format("woff");
font-style: normal;
font-weight: 400;
} :root {
--font-size-body: 16px;
--font-family: 'Lato';
--xs-layout-size: 570px;
--sm-layout-size: 750px;
--md-layout-size: 990px;
--lg-layout-size: 1200px;
--xl-layout-size: 1350px;
--padding-margin-minus: -15px;
--padding-margin-positive: 15px;
--padding-margin-dual: 7.5px;
}
body {
font-family: var(--font-family);
font-size: var(--font-size-body)
} textarea {
min-height: 160px;
margin-top: 15px;
border-radius: 10px;
} .ids-title {
font-family: 'bayshore';
font-weight: bold;
}
.ids-shape .section-content {
z-index: 0;
}
.ids-shape:after {
content: '';
background: url(https://izumi.vn/wp-content/themes/izumicity/assets/images/line1.svg) no-repeat center right;
background-size: 100%;
display: block;
height: 100vw;
width: 100%;
position: absolute;
right: 0;
bottom: -48vw;
}
.ids-h1 h1 {
font-size: 28px;
line-height: 1;
}
.ids-h2 h2 {
font-size: 32px;
line-height: 1;
}
.ids-border-radius .img-inner {
border-radius: 10px;
}
.ids-product__title { }
.ids-product__title h2 { }
.grecaptcha-badge {
display: none !important;
}
.reweb-contact-button {
position: fixed;
bottom: 0;
right: 0;
z-index: 1;
width: 100%;
}
.reweb-contact-button a {
width: 100%;
position: relative;
} 
.reweb-contact-button .icon-box {
align-items: center;
background: linear-gradient(to right, #0085FF 0%, #FF005C 50%);
padding: 8px 6px;
}
.reweb-contact-button a:not(:first-child) {
border-left: 1px solid #20707d;
}
.reweb-contact-button .icon-box-img {
width: 12px !important
}
.reweb-contact-button .icon-box-left .icon-box-img + .icon-box-text {
padding-left: 1em;
font-size: .8em;
font-weight: bold;
line-height: 1.4;
letter-spacing: -0.5px;
}
.reweb-contact-hotline {
display: none;
}
.reweb-contact-hotline .icon-box-text p,
.reweb-contact-button .icon-box-text p {
margin-bottom: 0
}
.reweb-contact-hotline  p,
.reweb-contact-button p {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
} .homepage-menu a > svg {
display: none;
}
.header-nav > li {
line-height: 1;
} .ids-title-bg {
background-image: url(https://izumi.vn/wp-content/themes/izumicity/assets/images/gioihieu-izumi-1_992021151318.jpg);
color: white;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 24vw;
letter-spacing: 2px;
font-weight: 400;
line-height: 1.2;
}
.ids-title-bg p {
margin-bottom: 0
}
.ids-h2 span {
font-size: 60px
}
.ids-info-meta span {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
}
.ids-info-meta.area span {
font-size: 40px;
line-height: 1.4;
} .ids-custom-tabs > .nav{
overflow-y:scroll;
flex-flow:row;
justify-content:start;
}
.ids-custom-tabs .tab a {
white-space:nowrap;
}
.ids-custom-tabs .tab a:before {
width: 4px;
height: 25px;
left: 2px;
opacity: 1;
transform: translate(-50%, -50%);
top: 50%;
}
.ids-custom-tabs .tab.active a:before,
.ids-custom-tabs .tab:hover a:before {
background: var(--fs-color-secondary)
}
.ids-custom-tabs .tab.active a > span,
.ids-custom-tabs .tab:hover a > span {
color: var(--fs-color-secondary)
}
.ids-custom-tabs .tab a > span {
margin: 0 15px
}
.ids-tab > .nav{
margin: 0 15px;
}
.ids-tab > .nav>li {
margin: 0
}
.ids-tab > .nav>li.tab.active>a {
background: var(--fs-color-secondary);
}
.ids-tab .tab a {
background: #f0f0f0;
}
.ids-tab > .nav>li.tab.active>a  span {
color: #fff
}
.ids-tab > .nav>li.tab.active>a:before {
background: var(--fs-color-primary)
}
.ids-tab .tab a:before {
height: 45px;
}
.ids-posts-list .col:nth-child(2) .box-blog-post {
display: table;
width: 100%;
}
.ids-posts-list .col:nth-child(2) .box-blog-post .box-image,
.ids-posts-list .col:nth-child(2) .box-blog-post .box-text {
direction: ltr;
display: table-cell;
vertical-align: middle;
}
.ids-posts-list .col:nth-child(2) .box-blog-post .box-image {
width: 30% !important;
}
.ids-posts-list .col:nth-child(2) .box-blog-post .box-text {
padding: 0 1.5em;
}
.ids-posts-list .post-title {
font-size: 18px;
}
.ids-posts-list .post-title a {
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.ids-partner {
flex-wrap: wrap;
justify-content: center;
}
.ids-partner h4 {
min-height: 40px;
}
.ids-partner > .box {
flex: 0 0 calc(100% / 2);
}
.ids-accordion .accordion-item button {
top: 50%;
transform: translateY(-50%);
left: 95%;
z-index: 999;
}
.ids-accordion .accordion-title {
line-height: 1.2;
margin-bottom: 10px;
}
.ids-accordion .accordion-title,
.ids-accordion .accordion-inner {
padding: 0;
background: #fff;
border-color: transparent;
}
.ids-accordion .accordion-inner .img {
margin-bottom: 30px;
}
.ids-accordion .accordion-inner .img .img-inner {
border-radius: 5px;
}
.ids-accordion .accordion-title.active {
color: var(--fs-color-secondary);
}
.blog-archive > .row > .large-10 {
flex-basis: 100%;
max-width: 100%;
}
.blog-archive .box-text .is-divider,
.blog-archive .box-text .from_the_blog_excerpt  {
display: none;
}
.recent-blog-posts-li .badge {
width: 8em;
height: 5em;
} .ids-footer-divi:before {
content: '';
background: url(https://izumi.vn/wp-content/themes/izumicity/assets/images/line-footer-1.svg) no-repeat center right;
background-size: 100%;
height: 10vw;
width: 80%;
position: absolute;
right: 0;
top: -6.2vw;
}
.ids-form-divi .section-content:before {
content: '';
background: url(https://izumi.vn/wp-content/themes/izumicity/assets/images/line-footer-2.svg) no-repeat center right;
background-size: 100%;
height: 11vw;
width: 65%;
position: absolute;
left: 0;
bottom: 30px;
}
.wpcf7-form p span input {
background: transparent;
color: #fff;
border: 0;
border-bottom: 1px solid #fff;
padding: 0;
}
.wpcf7-form p span input::placeholder {
color: #fff;
opacity: 1;
}
.wpcf7-form p span input:focus {
color: #ff005c;
background: transparent;
}
.wpcf7-form p:nth-last-child(2) {
text-align: center;
}
.wpcf7-form p:nth-last-child(2) input[type="submit"] {
background-color: var(--fs-color-secondary);
border-radius: 5px;
margin-top: 15px;
}
.wpcf7 form .wpcf7-response-output {
margin: 0
}
.wpcf7 .wpcf7-not-valid-tip {
margin-top: -4px;
} .ids-advise-form .wpcf7-submit {
width: 100%;
}
.ids-advise-form .wpcf7-form p:nth-last-child(2) {
padding: 0 15px
}  @media screen and (min-width: 550px) { .ids-tab > .nav{
justify-content: center;
}
.ids-posts-list .post-item .box {
margin-bottom: 15px;
}
.ids-partner > .box {
flex: 0 0 calc(100% / 4);
} .ids-footer-divi:before { }
} @media screen and (min-width: 768px) { .ids-h1 h1,
.ids-h2 h2 {
font-size: 32px;
} .header-nav-main {
justify-content: space-between;
} .ids-product__title {
position: relative;
height: 15vw;
}
.ids-product__title h1,
.ids-product__title h2 {
position: absolute;
left: 0;
top: 50%;
transform: translate(0%, -70%);
}
.ids-product__line {
position: absolute;
width: 70% !important;
right: 0
}
.ids-product__line-reverse {
left: 0
}
.ids-why .large-12 {
flex-basis: 50%;
max-width: 50%;
} .wpcf7-form {
display: flex;
flex-flow: wrap row;
width: 100%;
justify-content: space-around;
}
.wpcf7-form p {
flex: 0 0 auto;
width: 50%;
}
.wpcf7-form p:nth-last-child(3),
.wpcf7-form p:nth-last-child(2) {
width: 100%;
} .ids-advise-form .wpcf7-form p:nth-last-child(3) {
width: 50%;
}
.wpcf7-form p span {
padding: 0 15px
} .reweb-contact-button a {
height: 60px
}
.reweb-contact-button {
top: 30%;
width: inherit;
}
.reweb-contact-button .icon-box {
position: absolute;
top: 0;
left: calc( 100% - 45px);
transition: all 0.25s;
border-top-left-radius: 20px;
border-bottom-left-radius: 20px;
padding: 10px 15px;
width: 200px;
}
.reweb-contact-hotline .icon-box-img svg {
padding: 0px;
}
.reweb-contact-button .icon-box:hover {
left: calc( 100% - 150px);
}
.reweb-contact-button .icon-box-img {
width: 20px !important;
}
.reweb-contact-hotline {
position: fixed;
bottom: 30px;
left: 30px;
z-index: 1;
display: flex;
}
.reweb-contact-hotline a .icon-box {
align-items: center;
background: linear-gradient(to right, #0085FF, #FF005C);
padding: 0px 15px;
height: 47px;
}
.reweb-contact-hotline a:not(:first-child) {
border-left: 1px solid #20707d;
}
.reweb-contact-hotline .icon-box .icon-box-img {
margin-bottom: 0
}
.reweb-contact-hotline .text {
color: #fff
}
} @media screen and (min-width: 992px) { .ids-h1 h1,
.ids-h2 h2 {
font-size: 32px;
} .homepage-menu a svg {
display: block;
}
.homepage-menu a {
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
max-width: 30px;
padding: 0;
margin-top: 16px;
}
.nav > li > a {
padding: 0
}  .ids-posts-list .large-12 {
flex-basis: 50%;
max-width: 50%;
}
.ids-title-bg {
font-size: 150px;
}
.ids-accordion .accordion-title {
max-width: 35%;
}
.ids-accordion .accordion-item:not(:first-child) .accordion-title.active {
border-top: 1px solid #000;
padding-top: 15px;
}
.ids-accordion .accordion-inner {
max-width: 35%;
border-bottom: 1px solid #000;
margin-bottom: 15px;
}
.ids-accordion .accordion-inner .img {
position: absolute;
top: 30px;
width: 63% !important;
right: 0;
} .ids-form-divi .text:not(.text-footer) {
text-align: left !important;
}
} @media screen and (min-width: 1200px) { .ids-h1 h1,
.ids-h2 h2 {
font-size: 40px;
} .ids-partner > .box {
flex: 0 0 calc(100% / 7);
}
.ids-why .large-12 {
flex-basis: 33.333333%;
max-width: 33.333333%;
} .ids-advise-form .wpcf7-form p {
width: 33.333333%;
}
.ids-advise-form .wpcf7-form p:nth-last-child(3) {
width: 33.333333%;
}
.wpcf7-form p:nth-last-child(2) input[type="submit"] {
margin-top: 0;
} .ids-footer-divi:before { }  
} @media screen and (min-width: 1400px) { .ids-product__line {
width: 65% !important;
}
.ids-product__title h2 {
transform: translate(0%, -90%);
}
.ids-h1 h1,
.ids-h2 h2 {
font-size: 50px;
}
.ids-h1 span,
.ids-h2 span {
font-size: 70px;
}
.ids-tab .tab a {
padding: 15px 20px
}
.ids-tab .tab a::before {
height: 55px;
} .ids-footer-divi:before { }  
}h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}