@charset "UTF-8";


@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Odibee+Sans&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
background_cover {
background-size: cover;
-moz-background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
-ms-background-size: cover;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
}
background_contain {
background-size: contain;
-moz-background-size: contain;
-webkit-background-size: contain;
-o-background-size: contain;
-ms-background-size: contain;
background-repeat: no-repeat;
background-position: center center;
width: 100%;
}
display_flex, .btn-secondary-icon, .btn-text-icon, .btn-outline-secondary-icon, .news-tag .tags, .similar-technology .similar .item, .footer .f-content .container, .footer .f-content .container .f-content-left, .footer .f-content .container .f-content-left .f-socical, .footer .f-content .container .f-content-right, .footer .f-content .container .f-content-right > .item:nth-child(1), .process-content .item .key, .b-partner .partner-list .item, .archives-hero, .page-services .categories-title, .page-technology .categories-query .item, .solutions-detail .solutions-top-info .desc .item, .solutions-detail .solutions-top-info .desc .item .key, .solutions-detail .solutions-top .solutions-iframe {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
display: -webkit-flex;
}
list_type_ulli, .core-pagination ul {
list-style-type: none;
margin: 0;
padding: 0;
}
font_weight_light, .core-pagination ul li a, .footer {
font-family: "Poppins", sans-serif;
font-weight: 300;
font-style: normal;
}
font_weight_regular, body, .desc {
font-family: "Poppins", sans-serif;
font-weight: 400;
font-style: normal;
}
font_weight_semiblod, form p label, .services-detail .services-top-info .desc, .technology-detail .technology-top-info .desc, .news-detail .news-top-info .desc {
font-family: "Poppins", sans-serif;
font-weight: 500;
font-style: normal;
}
font_weight_bold, .breadcrumb span, .btn-secondary-icon, .btn-text-icon, .btn-outline-secondary-icon, .core-pagination ul li a.active, .title-uppercase, .title-capitalize, .services-detail .services-top-info .cate a, .technology-detail .technology-top-info .cate a, .solutions-detail .solutions-top-info .cate a {
font-family: "Poppins", sans-serif;
font-weight: 700;
font-style: normal;
} .alignnone {
margin: 5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
display: block;
margin: 5px auto 5px auto;
}
.alignright {
float: right;
margin: 5px 0 20px 20px;
}
.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.alignright {
float: right;
margin: 5px 0 20px 20px;
}
a img.alignnone {
margin: 5px 20px 20px 0;
}
a img.alignleft {
float: left;
margin: 5px 20px 20px 0;
}
a img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
max-width: 100%;
}
.wp-caption.alignnone {
margin: 5px 20px 20px 0;
}
.wp-caption.alignleft {
margin: 5px 20px 20px 0;
}
.wp-caption.alignright {
margin: 5px 0 20px 20px;
}
.wp-caption img {
border: 0 none;
height: auto;
margin: 0;
max-width: 100%;
padding: 0;
width: auto;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
margin: 0;
padding: 5px 4px 5px;
}
.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
white-space: nowrap;
height: 1px;
width: 1px;
overflow: hidden;
}
.screen-reader-text:focus {
background-color: #f1f1f1;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-o-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-ms-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;
} .wp-editor-fix ul, .wp-editor-fix ol {
display: block;
list-style-type: disc;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
-webkit-margin-start: 0px;
margin-inline-start: 0px;
-webkit-margin-end: 0px;
margin-inline-end: 0px;
-webkit-padding-start: 40px;
padding-inline-start: 40px;
}
.wp-editor-fix ul li {
list-style-type: disc;
}
.wp-editor-fix ol li {
list-style-type: decimal;
}
.wp-editor-fix p {
padding: 0;
margin-bottom: 1rem;
line-height: 1.5;
}
.wp-editor-fix blockquote {
display: block;
-webkit-margin-before: 0;
margin-block-start: 0;
-webkit-margin-after: 0;
margin-block-end: 0;
-webkit-margin-start: 0;
margin-inline-start: 0;
-webkit-margin-end: 0;
margin-inline-end: 0;
border-left: 2px solid #00183A;
padding-left: 20px;
}
.wp-editor-fix h1, .wp-editor-fix h2, .wp-editor-fix h3, .wp-editor-fix h4, .wp-editor-fix h5, .wp-editor-fix h6,
.wp-editor-fix .h1, .wp-editor-fix .h2, .wp-editor-fix .h3, .wp-editor-fix .h4, .wp-editor-fix .h5, .wp-editor-fix .h6 {
display: block;
font-size: 1em;
font-weight: bold;
padding: 0;
line-height: 1.5;
}
.wp-editor-fix h1, .wp-editor-fix .h1 {
font-size: 2em;
-webkit-margin-before: 0.67em;
margin-block-start: 0.67em;
-webkit-margin-after: 0.67em;
margin-block-end: 0.67em;
}
.wp-editor-fix h2, .wp-editor-fix .h2 {
font-size: 1.5em;
-webkit-margin-before: 0.83em;
margin-block-start: 0.83em;
-webkit-margin-after: 0.83em;
margin-block-end: 0.83em;
}
.wp-editor-fix h3, .wp-editor-fix .h3 {
font-size: 1.17em;
-webkit-margin-before: 1em;
margin-block-start: 1em;
-webkit-margin-after: 1em;
margin-block-end: 1em;
}
.wp-editor-fix h4, .wp-editor-fix .h4 { -webkit-margin-before: 1.33em;
margin-block-start: 1.33em;
-webkit-margin-after: 1.33em;
margin-block-end: 1.33em;
}
.wp-editor-fix h5, .wp-editor-fix .h5 {
font-size: 0.83em;
-webkit-margin-before: 1.67em;
margin-block-start: 1.67em;
-webkit-margin-after: 1.67em;
margin-block-end: 1.67em;
}
.wp-editor-fix h6, .wp-editor-fix .h6 {
font-size: 0.67em;
-webkit-margin-before: 2.33em;
margin-block-start: 2.33em;
-webkit-margin-after: 2.33em;
margin-block-end: 2.33em;
} a:hover, a:focus, a:active {
text-decoration: none;
color: none;
outline: none;
transition: all 500ms ease 0s;
-moz-transition: all 500ms ease 0s;
-webkit-transition: all 500ms ease 0s;
-o-transition: all 500ms ease 0s;
-ms-transition: all 500ms ease 0s;
cursor: pointer;
}
input, select, textarea {
outline: none;
appearance: unset !important;
-moz-appearance: unset !important;
-webkit-appearance: unset !important;
-o-appearance: unset !important;
-ms-appearance: unset !important;
}
input:focus, select:focus, textarea:focus {
outline: none;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow: none !important;
-o-box-shadow: none !important;
-ms-box-shadow: none !important;
}
input[type=checkbox] {
appearance: checkbox !important;
-moz-appearance: checkbox !important;
-webkit-appearance: checkbox !important;
-o-appearance: checkbox !important;
-ms-appearance: checkbox !important;
}
input[type=radio] {
appearance: radio !important;
-moz-appearance: radio !important;
-webkit-appearance: radio !important;
-o-appearance: radio !important;
-ms-appearance: radio !important;
}
input::-webkit-input-placeholder {
color: #6B7280;
}
input::-moz-placeholder {
color: #6B7280;
}
input:-ms-input-placeholder {
color: #6B7280;
}
input:-moz-placeholder {
color: #6B7280;
}
iframe {
max-width: 100%;
}
figure {
margin: 0;
position: relative;
z-index: 1;
}
img {
max-width: 100%;
height: auto;
-o-object-fit: contain;
object-fit: contain;
}
p {
margin-bottom: 5px;
}
.widget p {
margin: 0;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
header.stick {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
background: #000;
}
.header.header-home.stick {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
background: #000;
}
.clear-both {
clear: both;
}
table tbody tr td {
padding: 8px;
line-height: 1.42857143;
vertical-align: top;
border-top: 1px solid #ddd;
border: 1px solid #ddd;
}
.line {
background: #DFDFDF;
border-radius: 1px;
-moz-border-radius: 1px;
-webkit-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;
width: 100%;
height: 1px;
}
html {
scroll-behavior: smooth;
}
body {
font-size: 14px;
line-height: 1.4;
color: #00183A;
margin: 0;
padding: 0;
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), color-stop(84.9%, #FFFFFF));
background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 84.9%);
overflow-x: hidden;
}
.block {
opacity: 0;
-webkit-transform: translateX(100px);
transform: translateX(100px);
-webkit-transition: all 1s ease;
transition: all 1s ease;
}
.block.move-from-left {
-webkit-transform: translateX(-100px);
transform: translateX(-100px);
}
.block.visible {
opacity: 1;
-webkit-transform: translateX(0);
transform: translateX(0);
} .d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.f-center {
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;
}
.f-space-between {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.f-items-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.f-column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.f-column-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.opacity-65 {
opacity: 0.65;
}
.opacity-65 img {
opacity: 1;
}
.py-4 {
padding-top: 16px;
padding-bottom: 16px;
}
.px-8 {
padding-left: 0;
padding-right: 0;
}
.gap-4 {
row-gap: 16px;
-webkit-column-gap: 16px;
column-gap: 16px;
}
.font-bold {
font-weight: bold;
} .solution-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.solution-top {
width: 95%;
}
.solution-main {
margin: 20px 0;
}
.mb-solution-main {
display: none;
}
.pc-solution-main {
display: block;
}
.solution-image {
width: 375px;
height: 212px;
background-color: #ffffff;
border-radius: 20px;
margin: 10px;
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;
}
.number-process .elementor-widget-container,
.number-process-last .elementor-widget-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #E9633D;
width: 40px;
height: 40px !important;
border-radius: 100%;
color: white;
position: relative;
}
.number-process .elementor-widget-container:before {
position: absolute;
content: "";
width: 1.5px;
height: 155px;
display: block;
background: #E9633D;
top: 60px;
} .solution-block-content {
margin-top: 32px;
}
.block-content-1 {
width: 10%;
}
.block-content-2,
.block-content-3 {
width: 45%;
}
.block-content-2 .title {
font-size: 14px;
color: #606066;
line-height: 25px;
font-weight: bold;
}
.block-content-2 H2 {
width: 90%;
font-size: 40px;
color: #031738;
line-height: 57px;
font-weight: bold;
margin: 24px 0 48px 0;
}
.block-content-info div {
width: 90%;
background-color: #FFFFFF;
border-radius: 8px;
margin: 8px 0;
padding: 8px;
}
.block-content-info div div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #E9633D;
max-width: 40px;
height: 40px !important;
border-radius: 100%;
position: relative;
font-size: 20px;
color: #FFFFFF;
line-height: 28px;
margin: auto 16px auto 16px;
}
.block-content-info div span:last-child {
font-size: 17px;
color: #031738;
line-height: 28px;
font-weight: 400;
}
.block-content-3 > div {
width: 100%;
height: 688px;
background-image: url(//www.noovado.com/wp-content/uploads/2024/03/solution-detail.png);
background-size: 100% 688px;
}
.solution-block-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.solution-main-title {
margin: 0 0 32px 16px;
}
.solution-main-title h2 {
color: #031738;
font-size: 34px;
font-weight: bold;
line-height: 36px;
margin-bottom: 8px;
}
.solution-main-no div:first-child {
background-color: #FF7200;
width: 73px;
height: 10px;
border-radius: 5px;
}
.solution-main-no div:last-child {
background-color: #FF7200;
width: 28px;
height: 10px;
border-radius: 5px;
margin-left: 4px;
}
@media (max-width: 1267px) {
.solution-top {
width: 85%;
}
.solution-image {
width: 337px;
height: 190px;
}
.solution-image img {
width: 310px;
height: 163px;
}
}
@media (max-width: 1167px) {
.solution-top {
width: 80%;
}
.solution-image {
width: 318px;
height: 180px;
}
.solution-image img {
width: 293px;
height: 154px;
}
.solution-product-introduced {
width: 90%;
}
.solution-product-last {
padding-bottom: 48px;
}
.number-process .elementor-widget-container:before {
height: 180px;
}
}
@media (max-width: 1067px) {
.solution-image {
width: 300px;
height: 169px;
}
.solution-image img {
width: 276px;
height: 145px;
} .block-content-1 {
width: 6%;
}
.block-content-2,
.block-content-3 {
width: 47%;
}
.block-content-2 H2 {
font-size: 32px;
line-height: 40px;
}
}
@media (max-width: 967px) {
.solution-image {
width: 262px;
height: 148px;
}
.solution-image img {
width: 241px;
height: 127px;
} .block-content-1 {
width: 4%;
}
.block-content-2,
.block-content-3 {
width: 48%;
}
}
@media (max-width: 867px) {
.solution-top {
width: 75%;
}
.solution-image {
width: 225px;
height: 127px;
margin: 5px;
}
.solution-image img {
width: 207px;
height: 109px;
}
}
@media (max-width: 767px) {
.mb-solution-main {
display: block;
}
.pc-solution-main {
display: none;
}
.solution-top-image img {
width: 80%;
}
.solution-main {
margin: 10px 0;
}
.solution-top {
width: 80%;
}
.solution-image {
width: 300px;
height: 169px;
}
.solution-image img {
width: 276px;
height: 145px;
}
.solution-introduced {
margin-top: 80px;
} .block-content-2,
.block-content-3 {
width: 80%;
}
.block-content-3 > div {
background-image: url(//www.noovado.com/wp-content/uploads/2024/03/solution-detail-1.png);
}
.block-content-2 .title {
text-align: center;
}
.block-content-2 H2 {
width: 100%;
text-align: center;
font-size: 32px;
line-height: 40px;
}
.block-content-info div {
width: unset;
}
.block-content-info div div {
max-width: unset;
min-width: 40px;
}
.solution-main-title h2 {
font-size: 30px;
}
.solution-main-no div:first-child,
.solution-main-no div:last-child {
height: 8px;
}
}
@media (max-width: 667px) {
.solution-image {
width: 262px;
height: 148px;
}
.solution-image img {
width: 241px;
height: 127px;
}
}
@media (max-width: 567px) {
.solution-image {
width: 225px;
height: 127px;
margin: 5px;
}
.solution-image img {
width: 207px;
height: 109px;
} .block-content-2,
.block-content-3 {
width: 90%;
}
.block-content-info div span:last-child {
font-size: 15px;
}
.block-content-2 H2 {
font-size: 28px;
margin: 16px 0 32px 0;
}
}
@media (max-width: 467px) {
.solution-block {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.solution-image {
width: 375px;
height: 212px;
margin: 10px;
}
.solution-image img {
width: 345px;
height: 182px;
} .block-content-info div span:last-child {
font-size: 14px;
}
}
@media (max-width: 400px) {
.solution-image {
width: 337px;
height: 190px;
}
.solution-image img {
width: 310px;
height: 163px;
}
} .has-global-padding {
padding-right: unset;
padding-left: unset;
}
.about-us-banner {
position: relative;
}
.about-us-banner-info {
position: absolute;
bottom: 35%;
}
.about-us-border .e-con-inner,
.about-us-top-border,
.mobile-about-us-border {
border-bottom: dashed 1px #D9D9D9 !important;
position: relative;
}
.about-us-border .e-con-inner::before,
.mobile-about-us-border::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 20%;
height: 1px;
background: #E9633D;
}
.about-us-top-border::before {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 8rem;
height: 4px;
background: #E9633D;
}
.company-select {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.company-select div {
width: 80%;
}
.company-select select {
border: solid #E9633D 2px;
border-radius: 80px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-image: url(//www.noovado.com/wp-content/uploads/2024/02/arrow-down.svg);
background-repeat: no-repeat;
background-size: 35px;
background-position-y: center;
background-position-x: 90%;
padding-right: 30px;
text-align: center;
height: 56px;
font-size: 14px;
font-family: "Noto Sans JP", Sans-serif;
}
.company-image {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
@media (max-width: 578px) {
.company-image {
min-height: 200px !important;
}
.elementor img {
max-width: 90%;
}
.about-us-banner {
margin-bottom: 32px;
}
.contact-info {
margin-top: 32px;
}
.company-select div {
width: 100%;
}
} .container-header-pc {
background-color: #ffffff;
height: 70px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
position: relative;
}
.navigation-mb-close {
position: fixed;
top: 0;
width: 100vw;
height: 100vh;
right: 0;
z-index: 99999;
}
.button-inquiry {
cursor: pointer;
}
.navigation-mb-close .navigation-absolute {
position: absolute;
width: 100%;
min-height: 600px;
z-index: 1;
background-color: #f9f9f9;
top: 0;
}
.container-header-mb,
.navigation-mb {
display: none;
margin-top: 0 !important;
}
.container-header-none {
display: none;
}
.header-logo {
width: 25%;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
position: relative;
z-index: 100;
}
.header-logo img {
margin-left: 40px;
width: 184px;
height: 46px;
margin-top: 6px;
}
.header-navigation {
width: 75%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.button-polylang {
color: #031738;
font-size: 14px;
font-weight: bold;
width: 73px;
height: 42px;
border: solid 1px #031738;
border-radius: 10px;
margin-left: 40px;
}
.button-inquiry {
color: #ffffff;
font-size: 14px;
font-weight: bold;
width: 140px;
height: 46px;
background-color: #E9633D;
border: solid 1px #ffffff;
border-radius: 10px;
margin-left: 20px;
margin-right: 40px;
} .navigation-company-hover {
background-color: #ffffff;
position: absolute;
right: 100px;
padding-top: 30px;
z-index: 1;
width: 850px;
height: 355px;
border-radius: 0 0 20px 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.navigation-company-hover-1 {
margin-top: 10px;
margin-left: 40px;
}
.navbar .navigation-company-hover-1 a {
padding: unset;
margin: unset;
}
.navigation-company-hover-1 div {
margin-bottom: 15px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.navigation-company-hover-1 p {
font-size: 14px;
font-family: "Noto Sans JP", Sans-serif;
margin: 5px 0;
color: #031738;
}
.navigation-company-hover-2 {
border-left: solid 1px #D9D9D9;
}
.navigation-company-hover-2,
.navigation-company-hover-3 {
margin-left: 40px;
padding-left: 40px;
height: 315px;
}
.navigation-company-hover-2 a,
.navigation-company-hover-3 a {
font-size: 14px;
}
.navigation-company-hover-2 div,
.navigation-company-hover-3 div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.header-navigation .navigation-company-hover-2 a,
.header-navigation .navigation-company-hover-3 a {
font-weight: normal;
text-align: left;
padding: unset;
margin-left: 0 !important;
margin-top: 15px;
}
.navigation-company-hover-2 p,
.navigation-company-hover-3 p {
font-family: "Noto Sans JP", Sans-serif;
margin: 15px 0;
font-size: 14px;
color: #031738;
}
.navigation-company-hover-2 .title,
.navigation-company-hover-3 .title {
font-weight: bold;
margin: 10px 0 0 0 !important;
}
.navigation-resource a,
.navigation-resource-hover {
cursor: pointer;
}
.navigation-resource-hover {
background-color: #ffffff;
position: absolute;
z-index: 1;
padding-top: 30px;
width: 140px;
height: 85px;
border-radius: 0 0 20px 20px;
}
.navigation-resource-hover div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 1;
}
.navigation-resource-hover div a {
z-index: 1;
margin-top: 10px;
}
.navigation-resource:hover .navigation-resource-hover,
.navigation-resource-hover:hover .navigation-resource-hover {
visibility: visible !important;
}
.header-navigation {
overflow: hidden;
}
.header-navigation,
.header-navigation-child,
.dropdown-company,
.dropdown-resource {
height: 100%;
}
.header-navigation a {
font-family: "Noto Sans JP", Sans-serif;
float: left;
text-align: center;
padding: 14px 0;
color: #031738;
font-size: 14px;
font-weight: bold;
margin: 0 20px;
text-decoration: none;
}
.header-navigation-child {
padding: 23px 0 !important;
}
.header-navigation a:hover {
color: #E9633D;
cursor: pointer;
}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
width: 50%;
left: 0;
-webkit-box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
z-index: 1;
top: 70px;
}
.dropdown:hover .dropdown-content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dropdown-resource,
.dropdown-company {
float: left;
overflow: hidden;
}
.dropdown-content-company {
display: none;
opacity: 0;
position: fixed;
background-color: #ffffff; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
top: 90px;
padding-top: 25px;
right: 100px;
width: 850px;
height: 335px;
border-radius: 0 0 20px 20px;
z-index: -1;
}
.dropdown-company:hover .dropdown-content-company {
opacity: 1;
top: 70px;
z-index: 99999;
-webkit-transition: top 0.35s ease;
transition: top 0.35s ease;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.dropdown-content-resource { opacity: 0;
position: absolute;
background-color: #ffffff;
width: 105px; -webkit-box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.2);
top: 90px;
border-radius: 0 0 20px 20px;
}
.dropdown-resource:hover .dropdown-content-resource { opacity: 1;
top: 70px;
z-index: 1;
-webkit-transition: top 0.35s ease;
transition: top 0.35s ease;
}
@media (max-width: 1078px) {
.header-navigation .header-navigation-child {
margin: 0 15px;
}
.button-polylang {
margin-left: 30px;
}
.button-inquiry {
margin-right: 20px;
}
.navigation-resource-hover a {
margin-left: 40px !important;
}
}
@media (max-width: 978px) {
.header-logo {
width: 20%;
}
.header-navigation {
width: 80%;
}
.header-logo img {
margin-left: 20px;
width: 170px;
height: 40px;
}
.header-navigation a {
font-size: 14px;
}
.button-polylang {
font-size: 14px;
width: 67px;
height: 38px;
margin-left: 20px;
}
.button-inquiry {
font-size: 14px;
width: 125px;
height: 42px;
margin-right: 20px;
}
.dropdown-content-company {
right: 10px;
}
}
@media (max-width: 878px) {
.header-navigation .header-navigation-child {
margin: 0 10px;
}
.header-logo img {
width: 146px;
height: 30px;
}
.button-polylang {
margin-left: 15px;
}
.dropdown-content-company {
width: 760px;
}
.navigation-company-hover-1 {
margin-left: 25px;
}
.navigation-company-hover-2,
.navigation-company-hover-3 {
margin-left: 25px;
padding-left: 25px;
}
}
@media (max-width: 878px) {
.dropdown-content-company {
right: 5px;
}
}
@media (max-width: 767px) {
.container-header-pc {
display: none;
}
.container-header-mb {
background-color: #ffffff;
height: 70px;
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 0 !important;
}
.header-logo img {
width: 132px;
height: 33px;
}
.header-navigation {
margin-right: 30px;
}
.header-navigation .icon-close {
border: solid 1px #2f2f2f;
border-radius: 5px;
}
.button-polylang {
font-size: 14px;
width: 48px;
height: 30px;
border-radius: 5px;
margin-right: 30px;
}
.icon-navigation img,
.icon-close img {
width: 40px;
height: 30px;
}
.navigation-mb {
display: none;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.navigation-mb .navigation-main-mb {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.8s ease;
transition: max-height 0.8s ease;
background-color: #ffffff;
}
.navigation-mb-close .navigation-main-expanded {
max-height: 1000px;
-webkit-transition: max-height 1.5s ease;
transition: max-height 1.5s ease;
height: 100vh;
overflow-y: scroll;
padding-bottom: 50px;
}
.navigation-main-mb .sidebar {
margin: 0;
border-radius: 0;
}
.navigation-main-mb ul {
padding: 0;
}
.navigation-main-mb li {
list-style-type: none !important;
}      .navigation-main-mb .nav-button {
margin: 16px 0;
}
.icon-down {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/icon_down.png);
background-repeat: no-repeat;
background-size: 12px;
background-position-y: center;
background-position-x: 90%;
width: 12px;
height: 12px;
display: block;
margin-left: 10px;
margin-top: 3px;
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
.nav-item-show {
background: #F6F7F8;
}
.nav-item-show > a .icon-down,
.submenu-item-show > a .icon-down {
-webkit-transform: unset;
transform: unset;
margin-top: 0;
}
.navigation-main-mb a {
font-family: "Noto Sans JP", Sans-serif;
color: #031738;
font-size: 14px;
text-decoration: none;
}
.navigation-main-mb span {
font-family: "Noto Sans JP", Sans-serif;
font-size: 14px;
}
.navigation-main-mb .nav-link,
.navigation-main-mb .submenu-item .nav-link-1,
.navigation-main-mb .submenu-main a {
font-weight: bold;
}   .has-submenu-2 .nav-link-1,
.has-submenu-2 ul {
margin: 0 16px;
}
.has-submenu-2:last-child {
padding-bottom: 0;
}
.has-submenu-2:not(.has-submenu-2:last-child) {
border-bottom: solid 1px #dedede;
}
.submenu-2 > li:first-child,
.submenu-2 > div:first-child {
padding-top: 1rem;
}
.submenu, .submenu-2 {
max-height: 0;
overflow: hidden;
-webkit-transition: max-height 0.8s ease;
transition: max-height 0.8s ease;
}
.submenu.show, .submenu-2.show {
-webkit-transition: max-height 1s ease;
transition: max-height 1s ease;
max-height: 1000px;
}
.nav-link-2,
.submenu-main span {
font-size: 14px !important;
}
} .d-flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.align-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.m-top-40 {
margin-top: 40px !important;
}
.m-top-30 {
margin-top: 30px !important;
}
.m-top-25 {
margin-top: 25px !important;
}
.font-bold {
font-weight: bold !important;
}
.container-footer {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/background-footer.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
padding: 50px 0;
}
.container-footer p,
.container-footer a {
color: #ffffff;
font-family: "Noto Sans JP", Sans-serif;
}
.footer-main {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.footer-info img {
width: 200px;
height: 50px;
}
.footer-info p {
font-size: 14px;
color: #ffffff;
text-align: left;
margin: 0;
line-height: 25px;
}
.footer-mail,
.footer-phone {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.footer-location {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.footer-location img {
width: 20px;
height: 26px;
margin-right: 10px;
margin-top: 3px;
}
.footer-mail img,
.footer-phone img {
width: 18px;
height: 18px;
margin-right: 10px;
}
.footer-main-navigation {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 90px;
margin-left: 130px;
}
.footer-navigation p {
font-size: 20px;
font-weight: bold;
margin: 30px 0;
border-left: solid 3px #E9633D;
padding-left: 5px;
}
.footer-navigation div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
line-height: 20px;
}
.footer-navigation div a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
font-size: 14px;
text-decoration: none;
margin-left: 5px;
margin-bottom: 15px;
}
.footer-navigation div img {
width: 7px;
height: 13px;
margin-right: 10px;
}
.footer-social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin-right: 40px;
}
.footer-social-main {
width: 300px;
}
.footer-social p {
text-align: center;
color: #ffffff;
font-size: 18px;
}
.footer-social-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.footer-social-icon img {
margin: 0 10px;
}
.icon-facebook {
width: 14px;
height: 25px;
}
.icon-instagram {
width: 25px;
height: 25px;
}
.icon-linkedin {
width: 25px;
height: 25px;
}
.icon-youtube {
width: 35px;
height: 25px;
}
.footer-copyright p {
text-align: center;
color: #ffffff;
font-size: 15px;
}
@media (max-width: 1378px) {
.footer-main-navigation {
gap: 65px;
margin-left: 100px;
}
}
@media (max-width: 1278px) {
.footer-main-navigation {
gap: 50px;
margin-left: 80px;
}
.footer-navigation-2 {
min-width: 170px;
}
}
@media (max-width: 1178px) {
.footer-main-navigation {
gap: 35px;
margin-left: 65px;
}
}
@media (max-width: 1078px) {
.footer-main-navigation {
gap: 30px;
margin-left: 35px;
}
}
@media (max-width: 1024px) {
.footer-main {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.footer-main-navigation {
gap: 100px;
margin-left: 0;
}
.footer-social {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 40px 0 !important;
}
}
@media (max-width: 978px) {
.footer-main-navigation {
gap: 80px;
}
}
@media (max-width: 878px) {
.footer-main-navigation {
gap: 60px;
}
}
@media (max-width: 768px) {
footer > div {
padding-top: 8px !important;
}
.footer-main-navigation {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
gap: unset;
}
.footer-navigation-4 {
position: absolute;
top: 0;
left: 250px;
}
.container-footer > div {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: unset !important;
padding: 0 15px;
}
}
@media (max-width: 478px) {
.footer-navigation-4 {
left: 200px;
}
.footer-info p {
font-size: 14px;
}
.footer-social-main p {
font-size: 14px;
}
.footer-copyright p {
font-size: 12px;
}
}
@-webkit-keyframes slide_to_left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@keyframes slide_to_left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
}
@-webkit-keyframes slide_to_right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
@keyframes slide_to_right {
0% {
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.animate-slide-to-right {
-webkit-animation: slide_to_right 30s linear infinite 0.5s both;
animation: slide_to_right 30s linear infinite 0.5s both;
}
.animate-slide-to-left {
-webkit-animation: slide_to_left 30s linear infinite 0.5s both;
animation: slide_to_left 30s linear infinite 0.5s both;
}
@media only screen and (max-width: 768px) { .animate-slide-to-left {
animation: slide_to_left 8s linear infinite;
-moz-animation: slide_to_left 8s linear infinite;
-webkit-animation: slide_to_left 8s linear infinite;
-o-animation: slide_to_left 8s linear infinite;
-ms-animation: slide_to_left 8s linear infinite;
}
.animate-slide-to-right {
animation: slide_to_right 8s linear infinite;
-moz-animation: slide_to_right 8s linear infinite;
-webkit-animation: slide_to_right 8s linear infinite;
-o-animation: slide_to_right 8s linear infinite;
-ms-animation: slide_to_right 8s linear infinite;
}
}
.hover-pause:hover {
-webkit-animation-play-state: paused;
animation-play-state: paused;
cursor: pointer;
}
.hover-pause li:hover > a {
color: #E9633D;
}
.breadcrumb a {
font-size: 15px;
color: #00183A;
position: relative;
padding-right: 20px;
margin-right: 13px;
}
.breadcrumb a::after {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-right.svg);
width: 10px;
height: 10px;
padding: 0 13px;
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 100%;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
}
.breadcrumb span {
font-size: 15px;
color: #00183A;
position: relative;
}
.slick-dots {
bottom: -10px;
}
.slick-dots li {
margin: 0 4px !important;
padding: 0 !important;
width: 15px !important;
height: 15px !important;
}
@media screen and (max-width: 576px) {
.slick-dots li {
width: 8px !important;
height: 8px !important;
}
}
.slick-dots li.slick-active {
width: 30px !important;
}
.slick-dots li.slick-active button {
background: #E9633D !important;
}
.slick-dots li button {
width: 100% !important;
height: 15px !important;
background: #E8E9EA !important;
border-radius: 200px;
}
@media screen and (max-width: 576px) {
.slick-dots li button {
height: 8px !important;
}
}
.slick-dots li button::before {
display: none;
}
.slick-slider {
margin-bottom: 0 !important;
padding: 0 !important;
}
.slick-slide {
padding: 0 3px;
}
.btn {
border: none;
outline: none;
transform: all 0.3s;
-moz-transform: all 0.3s;
-webkit-transform: all 0.3s;
-o-transform: all 0.3s;
-ms-transform: all 0.3s;
}
.btn:hover {
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.btn {
max-width: 314px;
width: 100% !important;
margin: 0 auto;
}
}
.btn-secondary-icon {
color: #ffffff;
padding: 12px 43px;
min-width: 14px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
font-size: 14px;
background-color: #E9633D;
border: solid 1px #ffffff;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.btn-secondary-icon:hover {
color: #ffffff;
}
.btn-secondary-icon::after {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-right-arround.svg);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin-left: 16px;
}
.btn-text-icon {
color: #ffffff;
padding: 12px 43px;
min-width: 14px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
font-size: 14px;
text-decoration: underline;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.btn-text-icon:hover {
color: #ffffff;
text-decoration: underline;
}
.btn-text-icon::after {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-right-arround.svg);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin-left: 5px;
}
.btn-outline-secondary-icon {
color: #E9633D;
padding: 12px 43px;
min-width: 14px;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
font-size: 14px;
background-color: transparent;
border: solid 1px #E9633D;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-o-border-radius: 10px;
-ms-border-radius: 10px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.btn-outline-secondary-icon:hover {
color: #ffffff;
}
.btn-outline-secondary-icon::after {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-right-secondary.svg);
background-size: contain;
background-repeat: no-repeat;
width: 24px;
height: 24px;
margin-left: 16px;
}
.button-next-to-section {
margin: 50px auto 0;
text-align: center;
} form .wpcf7-validation-errors, form .wpcf7-mail-sent-ng, form .wpcf7-mail-sent-ok {
border: medium none;
color: red;
margin: 10px 0;
padding: 0;
}
form .wpcf7-mail-sent-ok {
color: green;
}
form .wpcf7-spinner {
position: absolute;
}
form .group-input {
margin-bottom: 23px;
}
form p {
margin: 0;
}
form p label {
width: 100%;
text-align: left;
color: #6B7280;
font-size: 14px;
}
form p .wpcf7-form-control-wrap {
width: 100%;
}
form p .wpcf7-form-control-wrap input, form p .wpcf7-form-control-wrap textarea {
padding: 12px 14px;
width: 100%;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border-radius: 10px;
border: 1px solid #4B5563;
background: transparent;
-webkit-box-shadow: 0 1px 2px 0 rgba(18, 26, 43, 0.05);
box-shadow: 0 1px 2px 0 rgba(18, 26, 43, 0.05);
height: 48px;
color: #ffffff;
}
form p .wpcf7-form-control-wrap input.wpcf7-not-valid, form p .wpcf7-form-control-wrap textarea.wpcf7-not-valid {
border-color: red;
}
form p .wpcf7-form-control-wrap .wpcf7-not-valid-tip {
text-align: left;
margin-top: 5px;
}
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(50%);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
-webkit-transform-origin: 8px 8px;
transform-origin: 8px 8px;
-webkit-animation-name: spin;
animation-name: spin;
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-timing-function: linear;
animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
-webkit-animation-name: blink;
animation-name: blink;
-webkit-animation-duration: 2000ms;
animation-duration: 2000ms;
}
}
@-webkit-keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
from {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
} .core-pagination {
text-align: center;
margin-top: 50px;
}
.core-pagination ul {
display: inline-block;
}
.core-pagination ul li {
display: inline-block;
margin: 0 3px;
}
.core-pagination ul li a {
padding: 8px 12px;
display: inline-block;
color: #00183A;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
border: solid 1px #E9E9E9;
}
.core-pagination ul li a.active {
background-color: #E9633D;
color: #ffffff;
border: solid 1px #E9633D;
}
.title-uppercase {
font-size: 34px;
color: #00183A;
text-transform: uppercase;
}
.title-capitalize {
font-size: 34px;
color: #00183A;
text-transform: capitalize;
}
@media screen and (max-width: 768px) {
.title-capitalize {
font-size: 28px;
}
}
.title-normal {
font-size: 20px;
color: #00183A;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
}
.desc {
font-size: 17px;
color: #00183A;
line-height: 28px;
}
.title-single-notoSanJp {
font-size: 36px;
color: #00183A;
font-family: "Noto Sans JP", sans-serif;
line-height: 58px;
font-weight: 600;
}
@media screen and (max-width: 768px) {
.title-single-notoSanJp {
font-size: 2rem;
line-height: normal;
}
}
.title-archive-notoSanJp {
font-size: 34px;
color: #ffffff;
font-family: "Noto Sans JP", sans-serif;
font-weight: 600;
}
.title-primary {
font-size: 34px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
}
@media screen and (max-width: 768px) {
.title-primary {
font-size: 28px;
line-height: normal !important;
}
}
.title-line {
position: relative;
padding-bottom: 15px;
}
.title-line::before {
content: "";
width: 70px;
position: absolute;
height: 10px;
background-color: #E9633D;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
bottom: 0;
left: 0;
}
.title-line::after {
content: "";
width: 25px;
position: absolute;
height: 10px;
background-color: #E9633D;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-ms-border-radius: 5px;
bottom: 0;
left: calc(70px + 8px);
}
.title-normal-poppins {
font-size: 28px;
font-weight: 600;
font-family: "Poppins", sans-serif;
}
.sidebar {
position: -webkit-sticky;
position: sticky;
top: 0;
}
.news-tag {
font-family: "Noto Sans JP";
margin-bottom: 41px;
}
.news-tag .tag-title {
font-size: 16px;
color: #828B93;
letter-spacing: 0.05px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.news-tag .tags {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
flex-wrap: wrap;
-moz-flex-wrap: wrap;
-webkit-flex-wrap: wrap;
-o-flex-wrap: wrap;
-ms-flex-wrap: wrap;
}
.news-tag .tags a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
padding: 6px 15px;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
border: solid 1px #00183A;
color: #00183A;
font-size: 14px;
margin: 0 10px 10px 0;
}
.news-top {
font-family: "Noto Sans JP";
margin-bottom: 41px;
}
.news-top .top-title {
font-size: 16px;
color: #828B93;
letter-spacing: 0.05px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.news-top .news-post .item {
padding: 10px 0;
}
.news-top .news-post .item figure img {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
}
.news-top .news-post .item h3 {
font-size: 16px;
color: #00183A;
font-weight: 700;
margin-top: 12px;
}
.similar-technology {
margin-bottom: 41px;
}
.similar-technology .similar-title {
font-size: 16px;
color: #828B93;
letter-spacing: 0.05px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.similar-technology .similar .item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
margin-bottom: 20px;
}
.similar-technology .similar .item img {
-webkit-filter: hue-rotate(90deg);
filter: hue-rotate(90deg);
}
.similar-technology .similar .item a {
color: #00183A;
}
.navigation {
margin-bottom: 41px;
}
.navigation .navi-title {
font-size: 16px;
color: #828B93;
letter-spacing: 0.05px;
font-weight: 700;
margin-bottom: 20px;
text-transform: uppercase;
}
.navigation .navi-content .item {
font-family: "Noto Sans JP";
display: block;
margin-bottom: 20px;
padding-left: 14px;
position: relative;
color: #959EA6;
}
.navigation .navi-content .item::before {
content: "";
position: absolute;
left: 0;
top: 0;
width: 2px;
height: 100%;
background-color: #E9633D;
opacity: 0;
}
.navigation .navi-content .item.active {
color: #00183A;
}
.navigation .navi-content .item.active::before {
opacity: 1;
}
.pll-switcher-select {
border: solid 1px;
width: 73px;
border-radius: 5px;
text-align: center;
font-weight: 700;
text-transform: uppercase;
height: 42px;
cursor: pointer;
} header .navbar {
padding: 0;
}
@media screen and (min-width: 767px) {
.menu-primary .main-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu-primary .main-menu ul li {
position: relative;
}
.menu-primary .main-menu ul li a {
color: #E5E7EB;
padding: 8px 16px;
position: relative;
display: block;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.menu-primary .main-menu ul li:hover > .sub-menu {
display: -ms-grid;
display: grid;
}
.menu-primary .main-menu ul li:hover > a {
color: #00183A;
}
.menu-primary .main-menu ul li.current-menu-item > a {
color: #00183A;
font-weight: 600;
}
.menu-primary .main-menu > ul > li {
float: left;
}
.menu-primary .main-menu > ul > li .sub-menu {
position: absolute;
left: 0;
top: 100%;
padding: 10px 0;
display: none;
background: #000000;
z-index: 3;
}
.menu-primary .main-menu > ul > li .sub-menu li {
min-width: 300px;
}
.menu-primary .main-menu > ul > li .sub-menu .sub-menu {
left: 100%;
top: 0;
} .box__menu .box__container ul.menu li .btn__toggle {
display: none;
}
.btn.btn__menu {
display: none;
cursor: pointer;
}
}
@media screen and (max-width: 767px) {
.menu-primary .main-menu ul {
list-style-type: none;
margin: 0;
padding: 0;
}
.menu-primary .main-menu ul li {
position: relative;
}
.menu-primary .main-menu ul li a {
position: relative;
display: block;
color: #E5E7EB;
padding: 12px 32px;
font-size: 14px;
line-height: 24px;
font-weight: 400;
}
.menu-primary .main-menu ul li.current-menu-item > a {
color: #00183A;
font-weight: 500;
border-right: 2px solid #00183A;
background: rgba(89, 58, 194, 0.2);
}
.menu-primary .main-menu > ul > li .sub-menu {
display: none;
}
.menu-primary .main-menu > ul > li .sub-menu li a {
padding: 10px 60px 10px 40px;
font-size: 14px;
}
.menu-primary .main-menu > ul > li .sub-menu .sub-menu li a {
padding: 10px 60px 10px 60px;
} .box__menu .box__container {
background-color: #1F2937;
}
.box__menu .box__container ul.menu li .btn__toggle {
width: 30px;
height: 30px;
background-color: #000;
border: 1px solid transparent;
border-radius: 0.2rem;
-moz-border-radius: 0.2rem;
-webkit-border-radius: 0.2rem;
-o-border-radius: 0.2rem;
-ms-border-radius: 0.2rem;
position: absolute;
right: 15px;
top: 12px;
z-index: 2;
display: block;
cursor: pointer;
font-family: revert;
line-height: revert;
}
.box__menu .box__container ul.menu li ul.sub-menu li .btn__toggle {
top: 7px;
}
.box__menu .box__container ul.menu li .btn__toggle::before {
content: "+";
color: #fff;
font-size: 27px;
position: absolute;
width: 100%;
height: 100%;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
}
.box__menu .box__container ul.menu li .btn__toggle.active::before {
transform: translate(-45%, -50%) rotate(45deg);
-moz-transform: translate(-45%, -50%) rotate(45deg);
-webkit-transform: translate(-45%, -50%) rotate(45deg);
-o-transform: translate(-45%, -50%) rotate(45deg);
-ms-transform: translate(-45%, -50%) rotate(45deg);
}
.box__menu .box__container ul.menu li .btn__toggle:focus {
-webkit-box-shadow: none;
box-shadow: none;
} .box__menu {
background-color: rgba(0, 0, 0, 0.5);
-webkit-transition: opacity 0.3s ease, visibility 0.3s ease;
transition: opacity 0.3s ease, visibility 0.3s ease;
position: fixed;
opacity: 0;
visibility: hidden;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 2;
}
.box__menu .box__container {
width: 222px;
max-width: 222px;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
-moz-transition: transform 0.3s ease;
-webkit-transition: transform 0.3s ease;
-o-transition: transform 0.3s ease;
-ms-transition: transform 0.3s ease;
transform: translateX(-100%);
-moz-transform: translateX(-100%);
-webkit-transform: translateX(-100%);
-o-transform: translateX(-100%);
-ms-transform: translateX(-100%);
overflow-y: auto;
overflow-x: hidden;
height: 100%;
position: absolute;
right: 0;
top: 0;
transform: translateX(100%);
-moz-transform: translateX(100%);
-webkit-transform: translateX(100%);
-o-transform: translateX(100%);
-ms-transform: translateX(100%);
padding-top: 90px;
}
.box__menu.active {
z-index: 9;
width: 100vw;
height: 100vh;
visibility: visible;
opacity: 1;
text-align: left;
}
.box__menu.active .box__container {
transform: translateX(0);
-moz-transform: translateX(0);
-webkit-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
} .box__menu .box__container .menu::-webkit-scrollbar {
width: 0px;
}
.box__menu .box__container .menu::-webkit-scrollbar-track {
background: #f1f1f1;
}
.box__menu .box__container .menu::-webkit-scrollbar-thumb {
background: #888;
}
.box__menu .box__container .menu::-webkit-scrollbar-thumb:hover {
background: #555;
} .btn.btn__menu {
width: 25px;
height: 25px;
padding: 0;
margin: 0;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
background-color: transparent;
border: 1px solid transparent;
vertical-align: middle;
}
.btn.btn__menu img:nth-child(2) {
display: none;
}
.btn.btn__menu.active img:nth-child(1) {
display: none;
}
.btn.btn__menu.active img:nth-child(2) {
display: block;
}
.btn.btn__menu:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
} .footer {
background: #000000;
color: #9CA3AF;
line-height: 20px;
}
.footer .f-content .container {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
}
.footer .f-content .container .f-content-left {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
gap: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
}
.footer .f-content .container .f-content-left .f-socical {
gap: 12px;
}
.footer .f-content .container .f-content-right {
gap: 20px;
-webkit-box-flex: 0;
-ms-flex: 0 0 80%;
flex: 0 0 80%;
}
.footer .f-content .container .f-content-right > .item:nth-child(1) {
width: 18%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
}
.footer .f-content .container .f-content-right > .item:nth-child(2) {
width: 28%;
}
.footer .f-content .container .f-content-right > .item:nth-child(3) {
width: 23%;
}
.footer .f-content .container .f-content-right > .item:nth-child(4) {
width: 25%;
}
.footer .f-content .container .f-content-right > .item .title {
font-size: 14px;
line-height: 24px;
}
.footer .f-content .container .f-content-right > .item .content > p:last-child {
margin-bottom: 0;
}
.footer .f-bottom .container {
padding: 24px 0 32px;
text-align: center;
}
.banner-top-page {
margin: 48px 0;
}
@media screen and (max-width: 576px) {
.banner-top-page {
margin: 20px 0;
}
}
.banner-top-page .box-text .title {
font-size: 48px;
color: #00183A;
margin-bottom: 41px;
line-height: 60px;
}
@media screen and (max-width: 992px) {
.banner-top-page .box-text .title {
margin-bottom: 35px;
font-size: 33px;
line-height: 55px;
}
}
.banner-top-page .slick-list {
overflow: hidden;
}
@media screen and (max-width: 768px) {
.banner-top-page .slick-dots {
bottom: auto;
top: 232px;
}
}
.banner-top-page .item figure img {
width: 100%;
}
.banner-top-page .item figure.width-auto img {
width: auto;
margin: 0 auto;
}
@media screen and (max-width: 768px) {
.banner-top-page .item figure {
max-height: 226px;
overflow: hidden;
}
.banner-top-page .item figure img {
width: 100%;
height: 226px;
-o-object-fit: cover;
object-fit: cover;
}
}
.banner-top-page .item .box-text-mb {
margin-top: 40px;
padding: 35px 30px;
color: #ffffff;
text-align: center;
background-color: #00183A;
border-radius: 30px 30px 0 0;
-moz-border-radius: 30px 30px 0 0;
-webkit-border-radius: 30px 30px 0 0;
-o-border-radius: 30px 30px 0 0;
-ms-border-radius: 30px 30px 0 0;
}
.banner-top-page .item .box-text-mb .btn {
margin: 42px auto 0;
}
.technology-top-page {
padding: 20px 0 100px;
}
@media screen and (max-width: 768px) {
.technology-top-page {
padding: 50px 0;
}
}
.technology-top-page .technology-title {
text-align: center;
padding: 0 0 60px;
}
@media screen and (max-width: 768px) {
.technology-top-page .technology-title {
padding: 0 0 35px;
}
}
.technology-top-page .languages-wrapper {
overflow: hidden;
margin-bottom: 20px;
}
.technology-top-page .languages-item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.technology-top-page .languages-item a {
padding: 0 32px;
font-size: 3.125rem;
font-weight: 800;
font-family: "Outfit", sans-serif;
color: #B1B7BC;
display: inline-block;
min-width: -webkit-max-content;
min-width: -moz-max-content;
min-width: max-content;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.technology-top-page .languages-item a:hover {
color: #E9633D;
}
@media screen and (max-width: 768px) {
.technology-top-page .languages-item a {
padding: 0 14px;
font-size: 34px;
}
}
.technology-top-page .languages a.btn-secondary-icon {
margin: 32px auto;
}
.single .title-capitalize {
margin-bottom: 36px;
}
@media screen and (max-width: 768px) {
.single .title-capitalize {
margin-bottom: 20px;
}
}
.template_list_grid {
margin-bottom: 41px;
}
.template_list_grid .item {
padding: 22px 0 24px 28px;
position: relative;
}
.template_list_grid .item::before {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/icon-tick-circle.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
left: 0;
top: 25px;
width: 18px;
height: 18px;
}
.template_list_grid .item p {
margin-bottom: 10px;
}
.template_tabs {
margin-bottom: 65px;
}
.template_tabs .tabs-title .tab-button {
display: block;
color: #959EA6;
font-weight: 500;
font-family: "Noto Sans JP", sans-serif;
text-align: right;
border-top: solid 1px #DFDFDF;
padding: 16px 0;
cursor: pointer;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.template_tabs .tabs-title .tab-button:first-of-type {
border-top: none;
}
.template_tabs .tabs-title .tab-button.active, .template_tabs .tabs-title .tab-button:hover {
color: #E9633D;
font-weight: 600;
}
.template_tabs .tabs-content .tab-content {
display: none;
}
.template_tabs .tabs-content .tab-content p {
margin-bottom: 16px;
}
.template_tabs .tabs-content .tab-content.active {
display: block;
}
.template-accordion {
margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
.template-accordion {
margin-bottom: 35px;
}
}
.template-accordion .accordion-item {
padding: 25px 0;
border-top: solid 1px #D9D9D9;
}
.template-accordion .accordion-item .accordion-header {
padding-right: 30px;
font-size: 20px;
position: relative;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
cursor: pointer;
}
.template-accordion .accordion-item .accordion-header::after {
content: "";
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-down-circle.svg);
background-size: contain;
background-repeat: no-repeat;
position: absolute;
right: 0;
top: 2px;
width: 24px;
height: 24px;
-webkit-transition: all .3s;
transition: all .3s;
}
.template-accordion .accordion-item .accordion-header.active {
color: #E9633D;
}
.template-accordion .accordion-item .accordion-header.active::after {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
-webkit-transform-origin: center center;
transform-origin: center center;
}
.template-accordion .accordion-item:first-of-type {
border-top: none;
}
.template-accordion .accordion-content {
display: none;
overflow: hidden;
padding-top: 25px;
}
.template-list {
margin-bottom: 65px;
}
@media screen and (max-width: 768px) {
.template-list {
margin-bottom: 30px;
}
}
.template-list-image {
width: 100%;
display: block;
margin-bottom: 15px;
}
.template-list-content .item {
padding: 22px 0 16px;
}
.template-list-content .item-title {
font-size: 20px;
font-family: "Noto Sans JP", sans-serif;
margin-bottom: 15px;
}
.template-list-content .item-title img {
padding-right: 13px;
}
.process {
text-align: center;
padding: 112px 0;
}
@media screen and (max-width: 768px) {
.process {
padding: 50px 0;
}
}
.process .title {
margin-bottom: 60px;
}
.process .figure {
width: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 0 0 60px 60px;
-moz-border-radius: 0 0 60px 60px;
-webkit-border-radius: 0 0 60px 60px;
-o-border-radius: 0 0 60px 60px;
-ms-border-radius: 0 0 60px 60px;
}
@media screen and (max-width: 992px) {
.process .figure {
margin-top: 20px;
}
}
.process-content {
text-align: left;
font-family: "Noto Sans JP";
}
.process-content .item {
position: relative;
padding-left: 78px;
margin-bottom: 38px;
}
.process-content .item .key {
width: 42px;
height: 42px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
-ms-border-radius: 200px;
background-color: #E9633D;
color: #ffffff;
font-family: Odibee Sans;
font-size: 22px;
font-weight: 400;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
position: absolute;
top: 0;
left: 0;
}
.process-content .item::before {
content: "";
position: absolute;
width: 1px;
height: 70%;
top: 50px;
left: 20px;
background-color: #E9633D;
}
.process-content .item-title {
font-size: 17px;
color: #00183A;
font-weight: 700;
margin-bottom: 11px;
}
.process-content .item-desc {
font-size: 14px;
color: #00183A;
}
.process .btn-secondary-icon {
margin: 35px auto 0;
}
.block-solution {
padding: 50px 0 60px;
margin: 0 auto;
text-align: center;
overflow: hidden; }
.block-solution .solution-title {
text-align: center;
}
.block-solution .slide-solution {
margin-top: 34px;
}
.block-solution .slide-solution .item {
padding: 0.45rem;
border: 0.125rem solid #EFF0F7;
border-radius: 1.31rem;
-moz-border-radius: 1.31rem;
-webkit-border-radius: 1.31rem;
-o-border-radius: 1.31rem;
-ms-border-radius: 1.31rem;
position: relative;
margin-right: 16px;
}
.block-solution .slide-solution .item img:nth-of-type(1) {
border-radius: 1.31rem;
-moz-border-radius: 1.31rem;
-webkit-border-radius: 1.31rem;
-o-border-radius: 1.31rem;
-ms-border-radius: 1.31rem;
width: 100%;
height: 100%;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.block-solution .slide-solution .item img:nth-of-type(1):hover {
-webkit-transform: scale(1.02, 1.02);
transform: scale(1.02, 1.02);
-webkit-transition: 0.5s all;
transition: 0.5s all;
position: relative;
}
.block-solution .slide-solution .item .icon {
width: 32px;
height: 32px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
-ms-border-radius: 200px;
position: absolute;
right: 30px;
bottom: 30px;
}
@media screen and (max-width: 576px) {
.block-solution .slide-solution .item {
margin-right: 10px;
}
}
.block-solution .btn-secondary-icon {
margin-top: 40px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.block-solution .slide-solution .slick-prev.slick-arrow {
left: 10% !important;
top: 91% !important;
z-index: 1;
}
.block-solution .slide-solution .slick-next.slick-arrow {
right: 10% !important;
top: 91% !important;
z-index: 1;
}
.block-solution .slide-solution .slick-disabled {
display: none !important;
}
.block-solution .slide-solution .slick-next:before {
color: #00183A;
opacity: 1;
content: '';
width: 40px;
height: 50px;
display: block;
background: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-next.svg) no-repeat;
background-size: contain;
}
.block-solution .slide-solution .slick-prev:before {
color: #00183A;
opacity: 1;
content: '';
width: 40px;
height: 50px;
display: block;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/arrow-next.svg) no-repeat;
background-size: contain;
}
.b-business {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/background.png);
background-repeat: no-repeat;
background-size: 95% 100%;
background-position: left center;
padding: 90px 0;
margin-bottom: 96px;
border-radius: 0 80px 80px 0;
-moz-border-radius: 0 80px 80px 0;
-webkit-border-radius: 0 80px 80px 0;
-o-border-radius: 0 80px 80px 0;
-ms-border-radius: 0 80px 80px 0;
}
@media screen and (max-width: 1300px) {
.b-business {
background-size: cover;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}
}
@media screen and (max-width: 768px) {
.b-business {
margin-bottom: 46px;
padding: 62px 0 43px;
}
}
.b-business .business-title {
color: #ffffff;
margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
.b-business .business-title {
text-align: center;
margin-bottom: 25px;
}
}
.b-business .business-title .title {
margin-bottom: 29px;
}
@media screen and (max-width: 768px) {
.b-business .business-title .title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 29px;
}
}
.b-business .business-title .desc {
font-size: 17px;
opacity: 0.8;
color: #ffffff;
}
.b-business .item {
height: 100%;
padding: 50px 25px;
border-radius: 12px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
-o-border-radius: 12px;
-ms-border-radius: 12px;
border: solid 1px #ffffff;
text-align: center;
background-color: #ffffff;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.b-business .item:hover .icon img {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.b-business .item .icon {
text-align: center;
}
.b-business .item .icon img {
width: auto;
transition: all 0.5s;
-moz-transition: all 0.5s;
-webkit-transition: all 0.5s;
-o-transition: all 0.5s;
-ms-transition: all 0.5s;
}
.b-business .item .title {
font-size: 24px;
letter-spacing: 0.5px;
font-weight: 600;
margin: 30px 0 12px;
}
@media screen and (max-width: 768px) {
.b-business .item .title {
font-size: 18px;
}
}
.b-business .item .desc {
font-size: 16px;
opacity: 0.7;
}
@media screen and (max-width: 768px) {
.b-business .item .desc {
font-size: 14px;
line-height: normal;
}
}
@media screen and (max-width: 768px) {
.b-business .item {
padding: 15px;
}
}
.b-business .mb-y {
margin-bottom: 34px;
}
@media screen and (max-width: 768px) {
.b-business .mb-y {
margin-bottom: 20px;
padding-right: 10px;
padding-left: 10px;
}
}
.b-company {
margin-bottom: 112px;
}
@media screen and (max-width: 768px) {
.b-company {
margin-bottom: 56px;
}
}
.b-company .company-info {
display: -ms-grid;
display: grid;
gap: 24px;
-ms-grid-columns: (1fr)[2];
grid-template-columns: repeat(2, 1fr);
grid-template-areas: 'item1 item2' 'item1 item3';
}
@media screen and (max-width: 576px) {
.b-company .company-info {
-ms-grid-columns: (1fr)[1];
grid-template-columns: repeat(1, 1fr);
grid-template-areas: 'item1' 'item2' 'item3';
}
}
.b-company .company-info .item {
position: relative;
border-radius: 24px;
-moz-border-radius: 24px;
-webkit-border-radius: 24px;
-o-border-radius: 24px;
-ms-border-radius: 24px;
height: 100%;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
overflow: hidden;
}
.b-company .company-info .item:hover figure img {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
.b-company .company-info .item:hover .icon svg path {
stroke: #1084D1;
}
@media screen and (max-width: 576px) {
.b-company .company-info .item {
height: 230px;
}
}
.b-company .company-info .item:first-of-type {
-ms-grid-row: 1;
-ms-grid-row-span: 2;
-ms-grid-column: 1;
grid-area: item1;
}
.b-company .company-info .item:nth-of-type(2) {
-ms-grid-row: 1;
-ms-grid-column: 2;
grid-area: item2;
}
.b-company .company-info .item:nth-of-type(3) {
-ms-grid-row: 2;
-ms-grid-column: 2;
grid-area: item3;
}
.b-company .company-info .item figure {
position: relative;
height: 100%;
}
.b-company .company-info .item figure img {
width: 100%;
transition: all 1s;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
-ms-transition: all 1s;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
}
.b-company .company-info .item .item-title {
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
font-size: 24px;
font-weight: 700;
color: #ffffff;
position: absolute;
left: 30px;
top: 30px;
z-index: 1;
background-color: #00183AE5;
padding: 2px 5px;
}
.b-company .company-info .item .icon {
position: absolute;
right: 24px;
bottom: 20px;
z-index: 1;
}
.b-company .company-info .item .icon svg path {
transition: all 500ms;
-moz-transition: all 500ms;
-webkit-transition: all 500ms;
-o-transition: all 500ms;
-ms-transition: all 500ms;
}
.b-company .company-title {
padding-left: 25px;
}
@media screen and (max-width: 992px) {
.b-company .company-title {
text-align: center;
margin-bottom: 24px;
padding-left: 0;
}
}
.b-company .company-title .title {
margin-bottom: 16px;
}
@media screen and (max-width: 992px) {
.b-company .company-title .title {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
margin: 0 auto 16px;
}
}
.b-company .company-title .desc {
font-size: 18px;
margin-bottom: 35px;
}
.b-partner {
padding: 100px 0;
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/background-2.png);
background-repeat: no-repeat;
background-size: cover;
overflow-x: hidden;
background-position: center;
}
@media screen and (max-width: 768px) {
.b-partner {
padding: 50px 0;
}
}
.b-partner .title {
color: #ffffff;
}
.b-partner .desc {
color: #ffffff;
}
.b-partner .partner-list {
margin-top: 59px;
}
.b-partner .partner-list .item {
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
-o-border-radius: 15px;
-ms-border-radius: 15px;
overflow: hidden;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
padding: 35px 50px;
background-color: #ffffff;
margin: 0 15px;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.b-partner .partner-list .item {
padding: 25px 40px;
}
}
.b-partner .partner-list .item:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0);
}
.b-partner .partner-list .item img {
width: auto;
max-width: 100%;
-webkit-filter: grayscale(1);
filter: grayscale(1);
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
.archives-hero {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
min-height: 380px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
}
.archives-hero .desc {
color: #fff;
font-size: 14px;
font-weight: 500;
}
.archives-hero .title-archive-notoSanJp::before {
left: 50%;
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.archives-hero .title-archive-notoSanJp::after {
left: calc(50% + 70px + 8px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
}
.page-services {
font-family: "Noto Sans JP", sans-serif;
}
.page-services .services-main {
padding: 58px 0 80px;
}
@media screen and (max-width: 768px) {
.page-services .services-main {
padding: 25px 0 30px;
}
}
.page-services .categories {
padding-top: 35px;
}
.page-services .categories-title {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
}
.page-services .categories-title img {
max-width: 53px;
padding-right: 10px;
}
.page-services .categories-query {
margin-bottom: 56px;
}
.page-services .categories-query .item {
border: solid 1px #D9D9D9;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
padding: 35px;
height: 100%;
}
.page-services .categories-query .item-title {
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
font-weight: 700;
margin-bottom: 17px;
color: #00183A;
}
.page-services .categories-query .item-desc {
font-family: "Noto Sans JP", sans-serif;
color: #00183A;
}
.page-technology {
font-family: "Noto Sans JP", sans-serif;
}
.page-technology .technology-main {
padding: 58px 0 80px;
}
@media screen and (max-width: 768px) {
.page-technology .technology-main {
padding: 25px 0 30px;
}
}
.page-technology .categories {
padding-top: 56px;
}
@media screen and (max-width: 768px) {
.page-technology .categories {
padding-top: 25px;
}
}
.page-technology .categories-tabs a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-o-border-radius: 6px;
-ms-border-radius: 6px;
background-color: #E1E1E1;
padding: 10px 12px;
margin-right: 18px;
margin-bottom: 18px;
color: #00183A;
}
@media screen and (max-width: 768px) {
.page-technology .categories-tabs a {
margin-right: 9px;
margin-bottom: 9px;
}
}
.page-technology .categories-tabs a.active {
background-color: #E9633D;
color: #fff;
}
.page-technology .categories-query .item {
background-color: #fff;
border: solid 1px #D9D9D9;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
padding: 30px;
height: 100%;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
}
.page-technology .categories-query .item .title {
padding: 0 32px;
font-size: 3.125rem;
font-weight: 800;
font-family: "Outfit", sans-serif;
color: #B1B7BC;
display: inline-block;
transition: all 0.3s;
-moz-transition: all 0.3s;
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
-ms-transition: all 0.3s;
}
@media screen and (max-width: 768px) {
.page-technology .categories-query .item .title {
font-size: 2rem;
}
}
.page-technology .categories-query .item img {
max-width: 100%;
-o-object-fit: contain;
object-fit: contain;
}
.page-news .news-main {
padding: 58px 0 80px;
}
@media screen and (max-width: 768px) {
.page-news .news-main {
padding: 25px 0 30px;
}
}
.page-news .news-main .main-query-news {
margin-top: 38px;
background-color: #ffffff;
padding: 10px;
border-radius: 16px;
-moz-border-radius: 16px;
-webkit-border-radius: 16px;
-o-border-radius: 16px;
-ms-border-radius: 16px;
}
.page-news .news-main .main-query-news .item {
font-family: "Noto Sans JP", sans-serif;
border-bottom: dotted 1px #D9D9D9;
padding: 20px;
}
.page-news .news-main .main-query-news .item .feature {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
}
.page-news .news-main .main-query-news .item .date {
font-size: 14px;
color: #7F8993;
}
.page-news .news-main .main-query-news .item .title {
font-size: 16px;
font-weight: 500;
color: #00183A;
margin: 7px 0;
display: block;
}
.page-news .news-main .main-query-news .item .desc {
font-size: 14px;
}
.page-news .news-main .main-query-news .item .tags {
margin-top: 26px;
}
.page-news .news-main .main-query-news .item .tags a {
color: #E9633D;
font-size: 13px;
display: inline-block;
margin-right: 8px;
margin-top: 8px;
}
.services-detail {
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), color-stop(84.9%, #FFFFFF));
background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 84.9%);
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.services-detail {
padding: 25px 0 40px;
}
}
.services-detail .services-top {
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.services-detail .services-top {
padding: 25px 0 40px;
}
}
.services-detail .services-top-info {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.services-detail .services-top-info {
margin-bottom: 0;
}
}
.services-detail .services-top-info .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.services-detail .services-top-info .cate a {
color: #606066;
font-size: 14px;
text-transform: uppercase;
margin: 0 15px 15px 0;
display: inline-block;
}
.services-detail .services-top-info .title-single {
margin-bottom: 15px;
}
.services-detail .services-top-info .desc {
color: #00183A;
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
}
.services-detail .services-top-info .btn-secondary-icon {
margin-top: 40px;
}
.services-detail .services-top-feature img {
width: 100%;
}
.services-detail .services-content {
padding: 65px 0 0;
}
@media screen and (max-width: 768px) {
.services-detail .services-content {
padding: 25px 0 0;
}
}
.technology-detail {
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), color-stop(84.9%, #FFFFFF));
background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 84.9%);
padding: 50px 0 0px;
}
@media screen and (max-width: 768px) {
.technology-detail {
padding: 25px 0 0px;
}
}
.technology-detail .technology-top {
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.technology-detail .technology-top {
padding: 25px 0 40px;
}
}
.technology-detail .technology-top-info {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.technology-detail .technology-top-info {
margin-bottom: 0;
}
}
.technology-detail .technology-top-info .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.technology-detail .technology-top-info .cate a {
color: #606066;
font-size: 14px;
text-transform: uppercase;
margin: 0 15px 15px 0;
display: inline-block;
}
.technology-detail .technology-top-info .title-single {
margin-bottom: 15px;
}
.technology-detail .technology-top-info .desc {
color: #00183A;
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
}
.technology-detail .technology-top-info .btn-secondary-icon {
margin-top: 40px;
}
.technology-detail .technology-top-feature img {
width: 100%;
}
.technology-detail .technology-content {
padding: 65px 0 0;
}
@media screen and (max-width: 768px) {
.technology-detail .technology-content {
padding: 25px 0 0;
}
}
.solutions-detail {
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), color-stop(84.9%, #FFFFFF));
background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 84.9%);
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.solutions-detail {
padding: 25px 0 40px;
}
}
.solutions-detail .solutions-top {
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.solutions-detail .solutions-top {
padding: 25px 0 40px;
}
}
.solutions-detail .solutions-top-info {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.solutions-detail .solutions-top-info {
margin-bottom: 0;
}
}
.solutions-detail .solutions-top-info .cate {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.solutions-detail .solutions-top-info .cate a {
color: #606066;
font-size: 14px;
text-transform: uppercase;
margin: 0 15px 15px 0;
display: inline-block;
}
.solutions-detail .solutions-top-info .title-single {
margin-bottom: 15px;
}
.solutions-detail .solutions-top-info .desc {
color: #00183A;
font-size: 16px;
font-weight: 400;
font-family: "Noto Sans JP", sans-serif;
margin-top: 30px;
}
.solutions-detail .solutions-top-info .desc .item {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
margin-bottom: 16px;
}
.solutions-detail .solutions-top-info .desc .item .key {
margin-right: 16px;
width: 36px;
height: 36px;
border-radius: 200px;
-moz-border-radius: 200px;
-webkit-border-radius: 200px;
-o-border-radius: 200px;
-ms-border-radius: 200px;
background-color: #E9633D;
color: #ffffff;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-moz-justify-content: center;
-webkit-justify-content: center;
-o-justify-content: center;
-ms-justify-content: center;
font-family: "Odibee Sans", sans-serif;
font-size: 20px;
}
.solutions-detail .solutions-top-info .desc .item .text {
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.solutions-detail .solutions-top-info .btn-secondary-icon {
margin-top: 40px;
}
.solutions-detail .solutions-top .solutions-iframe {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/bg-iframe.png);
background-repeat: no-repeat;
background-size: 100% 100%;
background-position: bottom left;
padding: 42px 0;
border-radius: 60px 0 0 60px;
-moz-border-radius: 60px 0 0 60px;
-webkit-border-radius: 60px 0 0 60px;
-o-border-radius: 60px 0 0 60px;
-ms-border-radius: 60px 0 0 60px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.solutions-detail .solutions-top .solutions-iframe iframe {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/bg-iphone.png);
width: 340px;
height: 630px;
background-size: 100% 100%;
border-radius: 60px;
padding: 010px;
}
.solutions-detail .related .title-archive-notoSanJp {
color: #00183A;
margin-bottom: 49px;
}
.solutions-detail .related .row > .col {
padding-left: 12px;
padding-right: 12px;
margin-bottom: 24px;
}
.solutions-detail .related .item {
height: 100%;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
padding: 15px;
-webkit-box-shadow: 0px 5px 14px 0px #080F340A;
box-shadow: 0px 5px 14px 0px #080F340A;
border: solid 1px #EFF0F7;
position: relative;
}
.solutions-detail .related .item img.feature {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
border-radius: 20px;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
-o-border-radius: 20px;
-ms-border-radius: 20px;
}
.solutions-detail .related .item .icon-next {
position: absolute;
right: 30px;
bottom: 30px;
width: 32px;
height: 32px;
}
.news-detail {
background: -webkit-gradient(linear, left top, left bottom, from(#F6F6F6), color-stop(84.9%, #FFFFFF));
background: linear-gradient(180deg, #F6F6F6 0%, #FFFFFF 84.9%);
padding: 50px 0 90px;
}
@media screen and (max-width: 768px) {
.news-detail {
padding: 25px 0 40px;
}
}
@media screen and (max-width: 768px) {
.news-detail .news-top {
padding: 25px 0 40px;
}
}
.news-detail .news-top-info {
margin-bottom: 20px;
}
@media (min-width: 992px) {
.news-detail .news-top-info {
margin-bottom: 0;
}
}
.news-detail .news-top-info .date {
color: #7F8993;
margin: 10px 0;
}
.news-detail .news-top-info .tags {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-top: 25px;
}
.news-detail .news-top-info .tags a {
font-weight: 500;
text-transform: uppercase;
margin: 0 15px 15px 0;
display: inline-block;
color: #E9633D;
font-size: 13px;
}
.news-detail .news-top-info .title-single {
margin-bottom: 15px;
}
.news-detail .news-top-info .desc {
color: #00183A;
font-size: 18px;
font-family: "Noto Sans JP", sans-serif;
}
.news-detail .news-top-info .btn-secondary-icon {
margin-top: 40px;
}
.news-detail .news-top-feature img {
width: 100%;
}
.news-detail .news-content {
padding: 65px 0 0;
}
@media screen and (max-width: 768px) {
.news-detail .news-content {
padding: 25px 0 0;
}
} @media screen and (max-width: 992px) { .header {
padding: 14px 0;
}
.header.header-home {
background: #000000;
}
} @media screen and (max-width: 1024px) { .footer .f-content .container {
padding-top: 70px;
padding-bottom: 50px;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
-moz-align-items: start;
-webkit-align-items: start;
-o-align-items: start;
-ms-align-items: start;
gap: 24px;
}
.footer .f-content .container .f-content-left {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
flex-direction: row;
-moz-flex-direction: row;
-o-flex-direction: row;
-ms-flex-direction: row;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-moz-align-items: center;
-webkit-align-items: center;
-o-align-items: center;
-ms-align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-moz-justify-content: space-between;
-webkit-justify-content: space-between;
-o-justify-content: space-between;
-ms-justify-content: space-between;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
width: 100%;
}
}
@media screen and (max-width: 767px) { .footer .f-content .container .f-content-right {
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
flex-direction: column;
-moz-flex-direction: column;
-o-flex-direction: column;
-ms-flex-direction: column;
gap: 12px;
}
.footer .f-content .container .f-content-right > .item {
width: 100% !important;
}
.footer .f-content .container .f-content-right > .item:first-child {
gap: 12px;
}
.footer .f-content .container .f-content-right > .item .title {
font-size: 14px;
line-height: 20px;
}
} @media screen and (max-width: 767px) { .page-blog .page-blog-content {
margin: 48px 0 30px;
}
.page-blog .page-blog-content .blog-list .blog-list-top {
border-bottom: none;
padding-bottom: 0;
}
.page-blog .page-blog-content .blog-list .blog-list-top .blog-list-title {
display: none;
}
.page-blog .page-blog-content .blog-list .blog-list-top .blog-list-form {
min-width: 100%;
}
.page-blog .page-blog-content .blog-list .blog-list-top .blog-list-form .form-group {
display: block;
}
.page-blog .page-blog-content .blog-list .blog-list-top .blog-list-form .form-group > label {
display: block;
}
.blog-list-list article {
margin-bottom: 30px;
}
.blog-list-list article .item {
padding: 20px;
}
} @media screen and (max-width: 767px) { .page-blog-hero .hero-section .hero-title {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.page-blog-hero .hero-section .hero-desc {
font-size: 14px;
line-height: 24px;
}
.blog-new .blog-new-list {
padding: 60px 0 110px;
}
.blog-new .blog-new-list .item figure {
margin-bottom: 30px;
}
.blog-new .blog-new-list .item .info .title a * {
font-size: 20px;
line-height: 28px;
letter-spacing: 0;
}
.blog-new .blog-new-list .item .info .desc {
margin-bottom: 24px;
}
} @media screen and (max-width: 767px) { .subcribe-form:after {
height: 130px;
max-width: 252px;
}
.subcribe-form .subcribe-form-content {
padding: 32px 24px;
border-radius: 32px;
-moz-border-radius: 32px;
-webkit-border-radius: 32px;
-o-border-radius: 32px;
-ms-border-radius: 32px;
background-color: #1F2937;
}
.subcribe-form .subcribe-form-content .title {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.subcribe-form .subcribe-form-content .desc {
font-size: 14px;
line-height: 24px;
}
.subcribe-form .subcribe-form-content form .bao {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
width: 100%;
}
.subcribe-form .subcribe-form-content form .bao p {
width: 100%;
}
.subcribe-form .subcribe-form-content form .bao p input[type='email'] {
background: #111827;
}
.subcribe-form .subcribe-form-content form .bao .btn-submit {
width: 100%;
}
.subcribe-form .subcribe-form-content .subcribe-thanks .title-gradient {
font-size: 18px;
line-height: 28px;
margin-bottom: 16px;
}
} @media screen and (max-width: 1199px) {
.hero-section-single .hero-section-single-content {
padding: 0;
}
.single-blog .single-blog-thumbnail img {
width: 100%;
}
.single-blog .single-blog-content {
padding: 0 0;
}
}
@media screen and (max-width: 767px) {
.hero-section-single {
min-height: auto;
padding: 30px 0 164px;
}
.hero-section-single .hero-section-single-content .hero-title {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.hero-section-single .hero-section-single-content .hero-desc {
font-size: 14px;
line-height: 24px;
}
.single-blog .single-blog-content {
margin: 60px 0;
}
.single-blog .single-blog-content .single-blog-content-editor {
font-size: 14px;
line-height: 24px;
}
} @media screen and (max-width: 767px) {
.related-post {
padding: 60px 0;
}
.related-post .related-title * {
font-size: 28px;
line-height: 38px;
letter-spacing: 0;
}
.related-post .related-desc {
font-size: 14px;
line-height: 20px;
margin: 16px 0 20px;
}
.related-post > a {
margin-top: 0;
}
} @media screen and (min-width: 1200px) {
.container {
width: 100%;
max-width: 1202px;
}
.container-custom {
max-width: 1430px;
width: 100%;
}
}
@media screen and (max-width: 1199px) {
.container {
width: 100%;
max-width: 100%;
}
}
@media screen and (max-width: 767px) {
body .slick-prev, body .slick-next {
top: auto;
bottom: 46px;
-webkit-transform: translate(0);
transform: translate(0);
}
body .slick-prev {
right: calc(100% - 32px);
}
body .slick-next {
left: calc(100% - 32px);
}
}
body {
font-family: "Noto Sans JP", sans-serif !important;
color: #00183a !important;
background: #fff !important;
}
body.active {
overflow: hidden;
}
h1,
h2,
h3,
h4,
h5,
a,
p {
font-family: "Noto Sans JP", sans-serif !important;
}
img {
max-width: 100%;
height: auto;
}
a:focus,
button:focus,
input:focus {
outline: none !important;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.container-cus {
max-width: 1000px;
padding: 0 40px;
margin: auto;
}
@media (max-width: 560px) {
.container-cus {
padding: 0 20px;
}
}
@media (max-width: 992px) {
.container.cus {
padding: 0 20px;
}
}
.breadcrumb {
margin-top: 40px;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
background-color: transparent !important;
}
@media (max-width: 560px) {
.breadcrumb {
margin-top: 20px;
}
}
.breadcrumb-item::before {
content: "" !important;
}
.breadcrumb a::after {
top: 60% !important;
}
.breadcrumb.cus {
padding-left: 0;
margin-bottom: 30px;
}
.breadcrumb.cus a:not(:first-child) {
padding-left: 10px;
}
.breadcrumb.cus span {
color: #6c757d;
font-weight: 400;
padding-left: 10px;
}
.tab-link {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
padding-left: 12px;
margin-bottom: 40px;
}
@media (max-width: 560px) {
.tab-link {
-ms-flex-pack: distribute;
justify-content: space-around;
margin-bottom: 22px;
padding-left: 0px;
}
}
.tab-link a {
font-size: 16px;
font-weight: 500;
border-radius: 9px;
padding: 13px 30px;
background-color: #00183a;
min-width: 165px;
color: #fff;
text-align: center;
margin-right: 20px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.tab-link a {
font-size: 14px;
min-width: 30%;
padding: 13px 20px;
}
}
@media (max-width: 560px) {
.tab-link a {
margin-right: 0;
border-radius: 6px;
padding: 11px 15px;
}
}
.tab-link a:hover {
color: #fff;
background-color: #e9633d;
}
.tab-link a.active {
background-color: #e9633d;
}
.main-bg {
background: #f9f9f9;
}
@media (max-width: 560px) {
.main-tt.title-line::before, .main-tt.title-line::after {
height: 6px;
bottom: 4px;
}
}
@media (max-width: 992px) {
.main-tt.title-line {
font-size: 30px;
}
}
@media (max-width: 560px) {
.main-tt.title-line {
font-size: 24px;
}
}
@media (max-width: 1300px) {
.main .container {
padding: 0 40px;
}
}
@media (max-width: 560px) {
.main .container {
padding: 0 20px;
}
}
.main-mb {
margin-bottom: 50px;
}
@media (max-width: 560px) {
.main-mb {
margin-bottom: 30px;
}
}
.main-tt {
font-size: 34px;
font-weight: 600;
margin-bottom: 10px;
}
@media (max-width: 992px) {
.main-tt {
font-size: 30px;
margin-bottom: 6px;
}
}
@media (max-width: 560px) {
.main-tt {
font-size: 24px;
}
}
.main .desc {
margin-bottom: 0;
color: rgba(0, 24, 58, 0.85);
}
@media (max-width: 560px) {
.main .desc {
font-size: 14px;
}
}
.main-btn.btn {
font-size: 15px;
font-weight: 500;
padding: 12px 30px;
}
@media (max-width: 560px) {
.main-btn.btn {
max-width: calc(100% - 40px);
padding: 9px 30px;
font-size: 14px;
border-radius: 8px;
}
}
.header {
position: relative;
background-color: #fff;
}
.header.stick {
background-color: #fff;
}
.header.stick .navbar-brand.logo img {
height: 36px;
}
.header.stick .navbar-nav .nav-link {
font-size: 14px;
}
.header.active .navbar-toggler-icon {
background: #fff;
}
.header.active .navbar-toggler-icon::before {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
background: #00183a;
}
.header.active .navbar-toggler-icon::after {
top: 0;
-webkit-transform: rotate(134deg);
transform: rotate(134deg);
background: #00183a;
}
.header.active .header-menu {
display: block;
position: fixed;
background: #fff;
top: 82px;
left: 0;
width: 100%;
z-index: 9999;
padding-bottom: 100px;
overflow: auto;
height: 100%;
}
@media (max-width: 767px) {
.header.active .header-menu {
top: 72px;
}
}
.header.active .header-menu .navbar-nav .nav-link {
font-weight: 600;
margin-left: 0;
padding: 15px 25px;
position: relative;
-webkit-transition: none;
transition: none;
}
.header.active .header-menu .navbar-nav .nav-link.nav-dropdown:before {
content: "";
position: absolute;
top: 22px;
left: 96px;
width: 6px;
height: 6px;
border-top: 1px solid #00183a;
border-right: 1px solid #00183a;
-webkit-transform: rotate(134deg);
transform: rotate(134deg);
}
.header.active .header-menu .navbar-nav .nav-link.nav-dropdown.active {
background-color: #f5f7f9;
}
.header.active .header-menu .navbar-nav .nav-link.nav-dropdown.active:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header.active .header-menu .navbar-nav .nav-link.btn-contact {
margin: 15px 24px;
display: inline-block;
}
.header.active .header-menu .navbar-nav .nav-link.btn-contact:hover {
color: #fff;
}
.header.active .header-menu .dropdown-menu {
visibility: visible;
opacity: 1;
-webkit-box-shadow: none;
box-shadow: none;
margin: 0;
padding: 15px 30px;
display: none;
background-color: #f5f7f9;
border-radius: 0;
min-width: auto;
}
.header.active .header-menu .dropdown-menu.active {
display: block;
}
.header.active .header-menu .dropdown-menu .content {
border: 0;
margin: 0;
padding: 0;
width: 100%;
padding-bottom: 20px;
}
.header.active .header-menu .dropdown-menu .content:not(:last-child) {
margin-bottom: 20px;
border-bottom: 1px solid #e1e1e1;
}
.header.active .header-menu .dropdown-menu .content:not(:first-child) .title {
margin-bottom: 0;
cursor: pointer;
}
.header.active .header-menu .dropdown-menu .content:not(:first-child) .title:before {
content: "";
position: absolute;
top: 7px;
right: 7px;
width: 6px;
height: 6px;
border-top: 1px solid #00183a;
border-right: 1px solid #00183a;
-webkit-transform: rotate(134deg);
transform: rotate(134deg);
}
.header.active .header-menu .dropdown-menu .content .title {
font-size: 15px;
width: 100%;
font-weight: 600;
position: relative;
}
.header.active .header-menu .dropdown-menu .content .title.active:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.header.active .header-menu .dropdown-menu .content .block {
-webkit-transform: none;
transform: none;
opacity: 1;
display: none;
margin-top: 20px;
}
.header.active .header-menu .dropdown-menu .content .block.active {
display: block;
}
.header.active .header-menu .dropdown-menu .content .seemore {
display: none;
}
.header.active .header-menu .dropdown-menu .content .seemore.active {
display: block;
}
.header-top {
padding: 20px 40px 16px;
overflow: hidden;
}
@media (max-width: 992px) {
.header-top {
padding: 0;
}
}
.header-top:hover {
overflow: visible;
}
@media (max-width: 992px) {
.header-top .navbar {
padding: 2px 20px;
}
}
@media (max-width: 767px) {
.header-top .navbar {
padding: 0 20px;
}
}
.header-top .navbar-brand.logo img {
height: 40px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.header-top .navbar-brand.logo img {
height: 34px;
}
}
.header-top .lang {
border: 1px solid #fff;
border-radius: 30px;
padding: 2px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #fff;
}
.header-top .lang span {
padding: 0px 10px;
border-radius: 15px;
color: #fff;
font-weight: 400;
}
.header-top .lang span.active {
background: #17a5ff;
color: #fff !important;
padding: 0px 14px;
}
.header-top .lang .icon {
height: 18px;
margin-right: 10px;
}
.header-top .lang .lang-item {
display: block;
}
.header-top .lang .lang-item.current-lang a {
background-color: #e9633d;
}
.header-top .lang .lang-item a {
position: relative;
border-radius: 20px;
padding: 4px 22px;
}
@media (max-width: 767px) {
.header-top .lang .lang-item a {
padding: 4px 20px;
}
}
.header-top .lang .lang-item a::before {
position: absolute;
top: 0;
left: 12px;
color: #fff;
font-weight: 400;
}
.header-top .lang .lang-item a[lang="ja"]::before {
content: "JA";
}
.header-top .lang .lang-item a[lang="en-US"]::before {
content: "EN";
}
.header-top .lang .lang-item a img {
display: none;
}
@media (min-width: 992px) {
.header-top .lang {
display: none;
}
}
.header-top .navbar-toggler {
background: #fff;
padding: 8px 11px;
margin-left: 20px;
cursor: pointer;
}
.header-top .navbar-toggler-icon {
background: #e9633d;
height: 2px;
position: relative;
margin-bottom: 5px;
width: 20px;
}
.header-top .navbar-toggler-icon::after {
content: "";
position: absolute;
top: 8px;
left: 0;
width: 100%;
height: 100%;
background-color: #e9633d;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.header-top .navbar-toggler-icon::before {
content: "";
position: absolute;
top: -8px;
left: 0;
width: 100%;
height: 100%;
background-color: #e9633d;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 992px) {
.header-menu {
display: none;
}
}
@media (min-width: 992px) {
.header-menu_top {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}
.header-menu .dropdown-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
visibility: hidden;
opacity: 0;
top: 200%;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
padding: 30px 40px 40px;
min-width: 780px;
left: -408px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
border: 0;
-webkit-box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
box-shadow: 0 0 10px -3px rgba(0, 0, 0, 0.1);
border-radius: 0;
border-bottom-left-radius: 30px;
border-bottom-right-radius: 30px;
}
.header-menu .dropdown-menu .content {
font-size: 14px;
width: 16%;
}
.header-menu .dropdown-menu .content:first-child {
padding-right: 36px;
border-right: 1px solid #D9D9D9;
width: calc(50% - 36px);
margin-right: 36px;
}
.header-menu .dropdown-menu .content:last-child {
margin-left: 30px;
width: calc(33% - 30px);
margin-right: 0;
}
.header-menu .dropdown-menu .content .item {
margin-bottom: 20px;
}
.header-menu .dropdown-menu .content .item:last-child {
margin-bottom: 0;
}
.header-menu .dropdown-menu .content .item p {
color: rgba(0, 24, 58, 0.85);
}
.header-menu .dropdown-menu .content .title {
font-size: 18px;
margin-bottom: 10px;
color: #00183a;
font-weight: 500;
display: inline-block;
}
.header-menu .dropdown-menu .content .block {
margin-top: 10px;
-webkit-transform: none;
transform: none;
opacity: 1;
}
.header-menu .dropdown-menu .content .block a {
display: block;
margin-bottom: 18px;
color: rgba(0, 24, 58, 0.85);
}
.header-menu .dropdown-menu .content .seemore {
color: #B1B7BC;
font-weight: 500;
margin-bottom: 0;
}
@media (min-width: 992px) {
.header-menu .navbar-nav .nav-item .nav-link:hover {
opacity: 0.85;
color: #e9633d;
}
}
.header-menu .navbar-nav .nav-item.dropdown:hover .dropdown-menu {
visibility: visible;
opacity: 1;
top: 158%;
z-index: 1;
margin: 0;
}
.header-menu .navbar-nav .nav-link {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
color: #00183a;
font-weight: 500;
margin-left: 24px;
opacity: 1;
font-size: 15px;
}
.header-menu .navbar-nav .nav-link.lang {
border: 1px solid #fff;
border-radius: 30px;
padding: 2px !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-menu .navbar-nav .nav-link.lang span {
padding: 0px 10px;
border-radius: 15px;
color: #fff;
font-weight: 400;
}
.header-menu .navbar-nav .nav-link.lang span.active {
background: #17a5ff;
color: #fff !important;
padding: 0px 14px;
}
.header-menu .navbar-nav .nav-link.lang .icon {
height: 18px;
margin-right: 10px;
}
.header-menu .navbar-nav .nav-link.btn-contact {
background-color: #e9633d;
color: #fff;
border-radius: 6px;
padding: 6px 20px !important;
min-width: 145px;
text-align: center;
line-height: 30px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
margin-left: 28px;
}
.header-menu .navbar-nav .nav-link.btn-contact:hover {
opacity: 0.85;
color: #fff;
}
.banner {
padding: 20px 0 30px;
margin-bottom: 50px;
}
@media (max-width: 560px) {
.banner {
padding: 5px 0 30px;
}
}
.banner .slide-banner {
width: 90%;
margin: auto;
border-radius: 30px;
}
@media (max-width: 1200px) {
.banner .slide-banner {
width: calc(100% - 80px);
}
}
@media (max-width: 992px) {
.banner .slide-banner {
width: calc(100% - 40px);
}
}
.banner .slide-banner .slick-slide {
padding: 0;
}
.banner .slide-banner .slick-slide img {
-o-object-fit: cover;
object-fit: cover;
height: 530px;
margin: auto;
border-radius: 30px;
}
@media (max-width: 992px) {
.banner .slide-banner .slick-slide img {
-o-object-fit: contain;
object-fit: contain;
height: auto;
border-radius: 24px;
}
}
@media (max-width: 560px) {
.banner .slide-banner .slick-slide img {
height: 170px;
border-radius: 12px;
-o-object-fit: cover;
object-fit: cover;
}
}
.banner .slide-banner .slick-dots {
bottom: -40px;
}
@media (max-width: 560px) {
.banner .slide-banner .slick-dots {
bottom: -30px;
}
}
.banner .slide-banner .slick-dots li {
width: 12px !important;
height: 12px !important;
}
@media (max-width: 560px) {
.banner .slide-banner .slick-dots li {
width: 10px !important;
height: 10px !important;
}
}
.banner .slide-banner .slick-dots li button {
height: 12px !important;
}
@media (max-width: 560px) {
.banner .slide-banner .slick-dots li button {
height: 10px !important;
}
}
.banner .slide-banner .slick-dots li.slick-active {
width: 32px !important;
}
.banner .button-next {
margin-top: 80px;
text-align: center;
-webkit-transform: translateX(0);
transform: translateX(0);
cursor: pointer;
-webkit-animation: pulse 2s infinite;
animation: pulse 2s infinite;
}
@media (max-width: 992px) {
.banner .button-next {
display: none;
}
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
}
@keyframes pulse {
0% {
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
50% {
-webkit-transform: translate(0, 30%);
transform: translate(0, 30%);
}
}
.solution {
margin-bottom: 110px;
}
@media (max-width: 767px) {
.solution {
margin-bottom: 70px;
}
}
@media (max-width: 560px) {
.solution .slide-solution {
margin: -16px 0 -12px !important;
}
}
.solution .slide-solution .slick-slide {
margin: 0 13px;
padding: 0;
height: 200px;
overflow: hidden;
border-radius: 16px;
}
@media (max-width: 1200px) {
.solution .slide-solution .slick-slide {
height: 175px;
}
}
@media (max-width: 768px) {
.solution .slide-solution .slick-slide {
height: 145px;
margin: 0 9px;
}
}
.solution .slide-solution .slick-slide a {
position: relative;
}
.solution .slide-solution .slick-slide a:hover .icon-next {
opacity: 1;
}
.solution .slide-solution .slick-slide a .icon-next {
position: absolute;
bottom: 12px;
right: 12px;
height: 36px;
width: 36px;
opacity: 0;
}
.solution .slide-solution .slick-slide img {
width: 100%;
height: 100%;
-o-object-fit: fill;
object-fit: fill;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.solution .slide-solution .slick-slide img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.solution .slide-solution .slick-arrow {
width: 46px;
height: 46px;
border-radius: 50%;
background-color: rgba(0, 24, 58, 0.85);
z-index: 1;
top: 52%;
}
.solution .slide-solution .slick-arrow:hover {
background-color: #00183a;
}
.solution .slide-solution .slick-arrow::before {
content: '';
position: absolute;
top: 19px;
left: 19px;
width: 8px;
height: 8px;
border-top: 2px solid #ffffff;
border-right: 2px solid #ffffff;
}
.solution .slide-solution .slick-arrow.slick-prev {
left: 36px;
}
.solution .slide-solution .slick-arrow.slick-prev::before {
-webkit-transform: rotate(227deg);
transform: rotate(227deg);
}
.solution .slide-solution .slick-arrow.slick-next {
right: 36px;
}
.solution .slide-solution .slick-arrow.slick-next::before {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.b-business.cus {
background-size: 105% 100%;
border-radius: 0;
padding: 100px 0;
}
@media (max-width: 560px) {
.b-business.cus {
padding: 65px 0;
}
}
@media (max-width: 768px) {
.b-business.cus .mb-y {
padding-right: 15px;
padding-left: 15px;
}
}
.b-business.cus .main-tt {
color: #fff;
font-weight: 500;
}
.b-business.cus p.desc {
color: #fff;
font-weight: 300;
}
.b-business.cus .item {
display: block;
}
.b-business.cus .item .title {
color: #00183a;
}
@media (max-width: 560px) {
.b-business.cus .item {
padding: 20px;
}
.b-business.cus .item .icon img {
height: 50px;
}
.b-business.cus .item .title {
margin-top: 20px;
}
}
.technology-top-page.cus {
padding: 20px 0 100px;
}
@media (max-width: 560px) {
.technology-top-page.cus {
padding: 20px 0 50px;
}
.technology-top-page.cus a.btn-secondary-icon {
margin: 30px auto 16px !important;
}
}
.technology-top-page.cus .technology-title {
padding-bottom: 50px;
}
.technology-top-page.cus .languages-item {
overflow: hidden;
width: 242%;
}
@media (max-width: 1400px) {
.technology-top-page.cus .languages-item {
width: 300%;
}
}
@media (max-width: 1200px) {
.technology-top-page.cus .languages-item {
width: 350%;
}
}
@media (max-width: 767px) {
.technology-top-page.cus .languages-item {
width: 500%;
margin-bottom: 15px;
}
}
@media (max-width: 560px) {
.technology-top-page.cus .languages-item {
width: 530%;
}
}
.technology-top-page.cus .languages-item:last-child {
width: 192%;
}
@media (max-width: 1400px) {
.technology-top-page.cus .languages-item:last-child {
width: 240%;
}
}
@media (max-width: 1100px) {
.technology-top-page.cus .languages-item:last-child {
width: 280%;
}
}
@media (max-width: 767px) {
.technology-top-page.cus .languages-item:last-child {
width: 400%;
}
}
@media (max-width: 560px) {
.technology-top-page.cus .languages-item:last-child {
width: 430%;
}
}
.technology-top-page.cus .languages-item.hover-pause:hover .content {
-webkit-animation-play-state: paused !important;
animation-play-state: paused !important;
}
.technology-top-page.cus .languages-item .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 50%;
-ms-flex-pack: distribute;
justify-content: space-around;
}
.technology-top-page.cus .languages-item .content img {
height: 70px;
}
.technology-top-page.cus .languages-item .content .title {
font-family: "Outfit", sans-serif;
}
.technology-top-page.cus .animate-slide-to-left {
-webkit-animation: slide_to_left 30s linear infinite 0.5s both;
animation: slide_to_left 30s linear infinite 0.5s both;
}
.technology-top-page.cus .animate-slide-to-right {
-webkit-animation: slide_to_right 30s linear infinite 0.5s both;
animation: slide_to_right 30s linear infinite 0.5s both;
}
@keyframes slide_to_left {
0% {
-webkit-transform: translateX(0);
transform: translateX(0);
}
to {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
}
@keyframes slide_to_right {
0% {
-webkit-transform: translateX(-100%);
transform: translateX(-100%);
}
to {
-webkit-transform: translateX(0);
transform: translateX(0);
}
}
.b-company.cus {
background-color: #f6f6f6;
margin: 0;
padding: 110px 0 120px;
}
@media (max-width: 560px) {
.b-company.cus {
padding: 65px 0;
}
}
.b-company.cus .company-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
gap: 28px;
}
@media (max-width: 992px) {
.b-company.cus .company-info {
gap: 20px;
}
}
@media (max-width: 560px) {
.b-company.cus .company-info {
display: block;
}
}
.b-company.cus .company-info .item {
width: 32%;
height: 320px;
border-radius: 12px;
}
@media (max-width: 560px) {
.b-company.cus .company-info .item {
width: 100%;
height: 200px;
margin-bottom: 20px;
}
}
.b-company.cus .company-info .item:nth-child(2) .img::before {
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.4)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.4));
}
.b-company.cus .company-info .item:hover .icon {
-webkit-transform: translateX(10px);
transform: translateX(10px);
}
.b-company.cus .company-info .item:hover .icon svg path {
stroke: #fff;
}
.b-company.cus .company-info .item .icon {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 992px) {
.b-company.cus .company-info .item .icon {
right: 16px;
}
.b-company.cus .company-info .item .icon svg {
width: 30px;
}
}
.b-company.cus .company-info .item .item-title {
background-color: transparent;
top: calc(100% - 58px);
font-weight: 600;
left: 24px;
}
@media (max-width: 992px) {
.b-company.cus .company-info .item .item-title {
left: 15px;
font-size: 19px;
}
}
.b-company.cus .company-info .item .img {
height: 100%;
position: relative;
}
.b-company.cus .company-info .item .img::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(0, 0, 0, 0.25)));
background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.25));
}
.b-company.cus .company-info .item .img:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.b-company.cus .company-info .item .img img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 768px) {
.b-partner {
padding: 60px 0 70px !important;
}
}
@media (max-width: 560px) {
.b-partner .title {
font-size: 22px;
}
}
@media (max-width: 560px) {
.b-partner .partner-list {
margin-top: 42px !important;
}
}
.b-partner .partner-list img {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.b-partner .partner-list .item:hover img {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.process.cus {
padding: 50px 0;
}
@media (min-width: 992px) {
.process.cus {
background-color: #f6f6f6;
padding: 120px 0 0px;
}
}
@media (max-width: 560px) {
.process.cus {
padding: 65px 0 40px;
}
.process.cus .title {
font-size: 21px;
margin-bottom: 38px;
text-align: center;
}
}
@media (min-width: 992px) {
.process.cus .inner {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/bg-contact.png);
background-repeat: no-repeat;
background-size: 50%;
padding-bottom: 120px;
}
}
.process.cus .process-content {
max-width: 800px;
margin: auto;
padding: 60px 60px 70px 70px;
border-radius: 20px;
background-color: #fff;
}
@media (max-width: 767px) {
.process.cus .process-content {
margin-bottom: 40px;
padding: 0 5px;
}
}
.process.cus .process-content .item {
padding-left: 75px;
}
@media (max-width: 767px) {
.process.cus .process-content .item {
padding-left: 50px;
margin-bottom: 26px;
}
.process.cus .process-content .item::before {
top: 40px;
left: 16px;
}
.process.cus .process-content .item .key {
width: 32px;
height: 32px;
font-size: 16px;
}
}
.process.cus .process-content .item-title {
font-size: 18px;
}
@media (max-width: 767px) {
.process.cus .process-content .item-title {
font-size: 16px;
margin-bottom: 10px;
}
}
.process.cus .process-content .item-desc {
font-size: 15px;
line-height: 28px;
}
@media (max-width: 767px) {
.process.cus .process-content .item-desc {
font-size: 13px;
line-height: 24px;
}
}
.process.cus .process-content .item:nth-child(4) {
margin-bottom: 50px;
}
.process.cus .process-content .item:nth-child(4)::before {
content: none;
}
.process.cus .main-btn.btn {
font-size: 18px;
font-weight: 400;
padding: 14px 60px;
}
@media (max-width: 560px) {
.process.cus .main-btn.btn {
font-size: 14px;
padding: 9px 60px;
max-width: 100%;
}
}
.container-footer.cus {
background: #0d2444;
padding: 85px 0 35px;
}
@media (max-width: 560px) {
.container-footer.cus {
padding: 60px 0 35px;
}
}
.container-footer.cus .footer-info {
width: 31%;
}
@media (max-width: 1024px) {
.container-footer.cus .footer-info {
width: 100%;
text-align: center;
}
.container-footer.cus .footer-info_content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-bottom: 10px;
}
}
.container-footer.cus .footer-info .logo {
width: auto;
height: 42px;
margin-bottom: 30px;
}
@media (max-width: 560px) {
.container-footer.cus .footer-info .logo {
height: 36px;
}
}
.container-footer.cus .footer-info .desc {
font-weight: 500;
font-size: 15px;
margin-bottom: 25px;
}
@media (max-width: 1024px) {
.container-footer.cus .footer-info .desc {
text-align: center;
}
}
@media (max-width: 560px) {
.container-footer.cus .footer-info .desc {
font-size: 14px;
margin-bottom: 22px;
}
}
.container-footer.cus .footer-main {
margin-bottom: 35px;
}
@media (max-width: 1200px) {
.container-footer.cus .footer-main {
padding-left: 40px;
padding-right: 40px;
}
}
@media (max-width: 560px) {
.container-footer.cus .footer-main {
padding-left: 20px;
padding-right: 20px;
}
}
.container-footer.cus .footer-location {
margin-bottom: 20px;
opacity: 0.7;
}
@media (max-width: 1024px) {
.container-footer.cus .footer-location {
-webkit-box-align: end;
-ms-flex-align: end;
align-items: end;
}
}
@media (max-width: 560px) {
.container-footer.cus .footer-location {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
margin-bottom: 14px;
}
.container-footer.cus .footer-location img {
margin-top: 0;
height: 24px;
}
}
.container-footer.cus .footer-main-navigation {
width: 69%;
gap: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
@media (max-width: 1024px) {
.container-footer.cus .footer-main-navigation {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
margin-bottom: 10px;
}
}
@media (min-width: 769px) {
.container-footer.cus .footer-main-navigation .footer-navigation.cus {
width: 30%;
}
}
@media (max-width: 768px) {
.container-footer.cus .footer-main-navigation .footer-navigation {
width: 50%;
margin-bottom: 15px;
}
}
.container-footer.cus .footer-main-navigation .footer-navigation p {
line-height: 22px;
font-weight: 600;
margin: 6px 0 30px;
font-size: 18px;
}
@media (max-width: 560px) {
.container-footer.cus .footer-main-navigation .footer-navigation p {
line-height: 19px;
margin: 6px 0 20px;
font-size: 16px;
}
}
.container-footer.cus .footer-main-navigation .footer-navigation a {
display: block;
font-size: 15px;
margin-bottom: 20px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 560px) {
.container-footer.cus .footer-main-navigation .footer-navigation a {
font-size: 14px;
margin-bottom: 17px;
}
.container-footer.cus .footer-main-navigation .footer-navigation a img {
height: 14px;
}
}
.container-footer.cus .footer-main-navigation .footer-navigation a:hover span {
opacity: 1;
}
.container-footer.cus .footer-main-navigation .footer-navigation a span {
margin-left: 8px;
opacity: 0.7;
}
.container-footer.cus .footer-social {
padding-bottom: 30px;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
margin: 0;
margin-bottom: 32px;
}
@media (max-width: 768px) {
.container-footer.cus .footer-social {
margin-bottom: 27px !important;
}
}
@media (max-width: 560px) {
.container-footer.cus .footer-social-icon img {
margin: 0 8px;
height: 22px;
}
}
.container-footer.cus .footer-copyright p {
opacity: 0.65;
font-weight: 300;
font-size: 14px;
}
@media (max-width: 560px) {
.container-footer.cus .footer-copyright p {
font-size: 13px;
}
}
.archives-hero.cus {
position: relative;
min-height: 280px;
margin-bottom: 40px;
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/about-us.jpg);
}
@media (max-width: 560px) {
.archives-hero.cus {
margin-bottom: 20px;
min-height: 220px;
}
}
.archives-hero.cus.partner {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/partner.jpg);
}
.archives-hero.cus.access {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/access.jpg);
}
.archives-hero.cus.contact {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/contact.jpg);
}
.archives-hero.cus.technology {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/technology.jpg);
}
.archives-hero.cus.services {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/services.jpg);
}
.archives-hero.cus.news {
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/banner/news.jpg);
}
@media (max-width: 767px) {
.company {
overflow: hidden;
}
}
.company-content {
padding: 20px 30px 100px;
}
@media (max-width: 992px) {
.company-content {
padding: 20px 10px 60px;
}
}
.company-content .item {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 23px;
}
@media (max-width: 992px) {
.company-content .item {
margin-bottom: 16px;
}
}
.company-content .item .tt {
width: 160px;
font-weight: 600;
}
@media (max-width: 992px) {
.company-content .item .tt {
width: 120px;
}
}
@media (max-width: 992px) {
.company-content .item .desc {
width: calc(100% - 120px);
font-size: 15px;
}
}
.company-list {
padding: 20px 0 100px;
}
@media (max-width: 992px) {
.company-list {
padding-bottom: 60px;
margin-left: -10px;
margin-right: -10px;
}
}
@media (max-width: 767px) {
.company-list {
padding-bottom: 43px;
}
}
.company-list .content {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.company-list .content .item {
width: 50%;
padding: 0 28px;
}
.company-list .content .item:hover .title {
color: #e9633d;
}
@media (max-width: 992px) {
.company-list .content .item {
padding: 0 20px;
margin-bottom: 22px;
}
}
@media (max-width: 767px) {
.company-list .content .item {
width: 100%;
padding: 0 7px;
}
}
.company-list .content .item .img {
border: 1px solid #d9d9d9;
border-radius: 16px;
height: 260px;
text-align: center;
line-height: 260px;
margin-bottom: 25px;
}
@media (max-width: 992px) {
.company-list .content .item .img {
height: 200px;
line-height: 200px;
}
.company-list .content .item .img img {
padding: 0 20px;
}
}
@media (max-width: 767px) {
.company-list .content .item .img {
margin-bottom: 20px;
}
}
.company-list .content .item .title {
font-size: 18px;
font-weight: 600;
margin-bottom: 12px;
color: #00183a;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.company-list .content .item .title {
font-size: 16px;
margin-bottom: 10px;
}
}
.company-list .content .item .desc {
color: #00183a;
font-size: 16px;
}
@media (max-width: 767px) {
.company-list .content .item .desc {
font-size: 14px;
}
}
.company-access {
padding: 20px 15px 80px;
}
@media (max-width: 767px) {
.company-access {
padding: 20px 10px 60px;
}
}
.page-contact-us {
padding-bottom: 110px;
}
@media (max-width: 992px) {
.page-contact-us {
padding-bottom: 90px;
}
}
@media (max-width: 560px) {
.page-contact-us {
padding-bottom: 60px;
}
}
.contact-form {
background-color: #fff;
padding-top: 80px;
border-radius: 20px;
}
@media (max-width: 992px) {
.contact-form {
padding-top: 60px;
}
}
@media (max-width: 560px) {
.contact-form {
padding-top: 40px;
border-radius: 10px;
}
}
.contact-form .title {
font-size: 30px;
color: #00183a;
margin-bottom: 30px;
font-weight: 600;
}
.contact-form .form-contact {
width: 800px;
margin: auto;
padding: 0 20px 90px;
}
@media (max-width: 992px) {
.contact-form .form-contact {
width: calc(100% - 40px);
padding: 0 20px 70px;
}
}
@media (max-width: 767px) {
.contact-form .form-contact {
width: 100%;
padding: 0 20px 50px;
}
}
.contact-form .form-contact .form-group {
margin-bottom: 20px;
width: 100%;
}
@media (max-width: 767px) {
.contact-form .form-contact .form-group {
margin-bottom: 16px;
}
}
.contact-form .form-contact .form-contact-input {
margin-bottom: 20px;
width: 100%;
}
.contact-form .form-contact .form-contact-input .form-contact-label {
color: #00183a;
font-size: 16px;
}
@media (max-width: 560px) {
.contact-form .form-contact .form-contact-input .form-contact-label {
font-size: 14px;
}
}
.contact-form .form-contact .form-contact-input .text--red {
color: #d9482a;
}
.contact-form .form-contact .form-contact-input input,
.contact-form .form-contact .form-contact-input select,
.contact-form .form-contact .form-contact-input textarea {
width: 100%;
height: 48px;
border-radius: 8px;
border: 1px solid #e3e5eb;
padding-left: 12px;
padding-right: 12px;
margin-top: 6px;
-webkit-box-shadow: none;
box-shadow: none;
color: #00183a;
}
@media (max-width: 560px) {
.contact-form .form-contact .form-contact-input input,
.contact-form .form-contact .form-contact-input select,
.contact-form .form-contact .form-contact-input textarea {
height: 42px;
border-radius: 6px;
padding-left: 10px;
padding-right: 10px;
}
}
.contact-form .form-contact .form-contact-input input::-webkit-input-placeholder,
.contact-form .form-contact .form-contact-input select::-webkit-input-placeholder,
.contact-form .form-contact .form-contact-input textarea::-webkit-input-placeholder {
color: #acadb2;
font-size: 15px;
}
.contact-form .form-contact .form-contact-input input:-ms-input-placeholder,
.contact-form .form-contact .form-contact-input select:-ms-input-placeholder,
.contact-form .form-contact .form-contact-input textarea:-ms-input-placeholder {
color: #acadb2;
font-size: 15px;
}
.contact-form .form-contact .form-contact-input input::-ms-input-placeholder,
.contact-form .form-contact .form-contact-input select::-ms-input-placeholder,
.contact-form .form-contact .form-contact-input textarea::-ms-input-placeholder {
color: #acadb2;
font-size: 15px;
}
.contact-form .form-contact .form-contact-input input::placeholder,
.contact-form .form-contact .form-contact-input select::placeholder,
.contact-form .form-contact .form-contact-input textarea::placeholder {
color: #acadb2;
font-size: 15px;
}
@media (max-width: 560px) {
.contact-form .form-contact .form-contact-input input::-webkit-input-placeholder,
.contact-form .form-contact .form-contact-input select::-webkit-input-placeholder,
.contact-form .form-contact .form-contact-input textarea::-webkit-input-placeholder {
font-size: 14px;
}
.contact-form .form-contact .form-contact-input input:-ms-input-placeholder,
.contact-form .form-contact .form-contact-input select:-ms-input-placeholder,
.contact-form .form-contact .form-contact-input textarea:-ms-input-placeholder {
font-size: 14px;
}
.contact-form .form-contact .form-contact-input input::-ms-input-placeholder,
.contact-form .form-contact .form-contact-input select::-ms-input-placeholder,
.contact-form .form-contact .form-contact-input textarea::-ms-input-placeholder {
font-size: 14px;
}
.contact-form .form-contact .form-contact-input input::placeholder,
.contact-form .form-contact .form-contact-input select::placeholder,
.contact-form .form-contact .form-contact-input textarea::placeholder {
font-size: 14px;
}
}
.contact-form .form-contact .form-contact-input textarea {
height: 96px;
}
.contact-form .form-contact select {
padding: 11.5px 15px;
height: auto !important;
-moz-appearance: none; -webkit-appearance: none; appearance: none;
background-image: url(//www.noovado.com/wp-content/themes/noovado/assets/images/icon/icon-select.svg);
background-repeat: no-repeat;
background-position: right;
background-position-x: calc(100% - 14px);
}
@media (max-width: 767px) {
.contact-form .form-contact select {
padding: 9.5px 15px;
height: 42px !important;
background-position-x: calc(100% - 12px);
}
}
.contact-form .form-contact input[type="checkbox"] {
position: relative;
top: -2px;
left: -12px;
width: auto;
height: auto;
}
.contact-form .form-contact input[type="checkbox"] ~ span {
color: #00183a;
}
.contact-form .form-contact input[type="checkbox"] ~ span a {
color: #e9633d;
}
.contact-form .form-contact input[type="checkbox"] ~ span a:hover {
text-decoration: underline;
opacity: 0.8;
}
.contact-form .form-contact input[type="checkbox"]:before {
content: "";
width: 18px;
height: 18px;
border-radius: 2px;
border: 1px solid #e3e5eb;
position: absolute;
top: -1px;
left: -1px;
background: #fff;
}
.contact-form .form-contact input[type="checkbox"]:checked:before {
border: 1px solid #e9633d;
background-color: #e9633d;
}
.contact-form .form-contact input[type="checkbox"]:checked::after {
content: "";
width: 5px;
height: 10px;
border-bottom: 1.5px solid #fff;
border-right: 1.5px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 2px;
left: 6px;
}
.contact-form .form-contact .form-contact-submit {
text-align: center;
}
.contact-form .form-contact .form-contact-submit input[type="submit"] {
margin-top: 38px;
width: 280px;
border-radius: 8px;
padding: 12px;
font-size: 16px;
font-weight: 600;
background-color: #e9633d;
border: 1px solid #e9633d;
position: relative;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
}
@media (max-width: 767px) {
.contact-form .form-contact .form-contact-submit input[type="submit"] {
font-size: 16px;
width: 100%;
padding: 9px;
margin-top: 30px;
}
}
.contact-form .form-contact .form-contact-submit input[type="submit"] img {
position: absolute;
top: 15px;
right: 39%;
margin-left: 10px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
@media (max-width: 767px) {
.contact-form .form-contact .form-contact-submit input[type="submit"] img {
top: 13px;
right: 15px;
width: 18px;
}
}
.contact-form .form-contact .form-contact-submit input[type="submit"]:hover {
opacity: 0.85;
}
.contact-form .form-contact .form-contact-submit input[type="submit"]:hover img {
right: 37%;
}
.contact-form .bg {
height: 380px;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
@media (max-width: 767px) {
.contact-form .bg {
height: 200px;
}
}
.contact-content {
padding: 30px 0px 60px;
}
@media (max-width: 767px) {
.contact-content {
padding: 10px 0px 60px;
}
}
.contact-content .main-tt {
font-size: 34px;
}
@media (max-width: 992px) {
.contact-content .main-tt {
font-size: 30px;
line-height: normal;
}
}
@media (max-width: 767px) {
.contact-content .main-tt {
font-size: 24px;
}
}
.contact-content .txt {
font-size: 16px;
line-height: 32px;
}
@media (max-width: 767px) {
.contact-content .txt {
font-size: 14px;
line-height: 26px;
}
}
.content-policy {
background-color: #fff;
padding: 55px 74px;
border-radius: 26px;
}
@media (max-width: 767px) {
.content-policy {
padding: 22px 27px;
border-radius: 15px;
}
}
.content-policy p {
font-size: 16px;
margin-bottom: 30px;
line-height: 32px;
}
@media (max-width: 767px) {
.content-policy p {
font-size: 14px;
margin-bottom: 20px;
}
}
.wpcf7 form.sent .wpcf7-response-output {
display: none !important;
}
.wpcf7 form.invalid .wpcf7-response-output {
display: none !important;
}
.page-technology.cus .technology-main {
padding-bottom: 100px;
}
.page-technology.cus .categories-tabs a {
background-color: #f1f3f5;
margin-right: 12px;
margin-bottom: 12px;
}
@media (max-width: 560px) {
.page-technology.cus .categories-query .row {
margin-right: -10px;
margin-left: -10px;
}
.page-technology.cus .categories-query .row .col-6 {
padding-right: 10px;
padding-left: 10px;
}
}
.page-technology.cus .categories-query .col-6.col-lg-4 {
margin-top: 30px;
}
@media (max-width: 560px) {
.page-technology.cus .categories-query .col-6.col-lg-4 {
margin-top: 20px;
}
}
@media (max-width: 560px) {
.page-technology.cus .categories-query .item {
padding: 10px;
}
.page-technology.cus .categories-query .item img {
height: 60px;
}
}
.page-technology.cus .categories-query .item img {
height: 100px;
}
@media (min-width: 992px) {
.technology-detail .technology-content {
padding-bottom: 65px !important;
}
}
@media (min-width: 992px) {
.technology-detail .technology-top-info {
padding-right: 30px;
}
}
@media (min-width: 992px) {
.technology-detail .technology-top-feature {
padding-left: 30px;
}
}
.technology-detail .technology-top-feature img {
border-radius: 20px;
max-height: 300px;
}
.page-services .title-normal-poppins {
font-size: 26px;
}
@media (max-width: 767px) {
.page-services .title-normal-poppins {
font-size: 22px;
}
}
@media (max-width: 767px) {
.page-services .categories-query {
margin-bottom: 40px !important;
}
}
@media (max-width: 560px) {
.page-services .technology-top-page.cus {
padding: 30px 0 0px !important;
}
}
@media (max-width: 560px) {
.page-services .process.cus {
padding-top: 40px !important;
}
}
.sidebar .news-top .news-post .item {
background: #F6F7F8;
border-radius: 12px;
padding: 16px;
margin-bottom: 20px;
}
.sidebar .news-top .news-post .item figure img {
height: 156px !important;
border-radius: 14px;
}
@media (max-width: 767px) {
.sidebar .news-top .news-post .item figure img {
height: 180px !important;
border-radius: 12px;
}
}
.sidebar .news-top .news-post .item h3 {
line-height: normal;
}
@media (min-width: 992px) {
.page-news .news-main .main-query-news {
margin-right: 30px;
}
}
@media (max-width: 767px) {
.page-news .news-main .main-query-news .item {
padding: 10px !important;
}
}
.page-news .news-main .main-query-news .item .feature {
height: 180px;
}
@media (max-width: 767px) {
.page-news .news-main .main-query-news .item .date {
margin-top: 10px;
}
}
.page-news .sidebar {
margin-top: 38px;
}
.page-news .sidebar .news-top .news-post {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.page-news .sidebar .news-top .news-post .item {
padding: 0 20px 0 5px;
background-color: transparent;
width: 100%;
}
@media (max-width: 992px) {
.page-news .sidebar .news-top .news-post .item {
padding: 0 10px;
width: 50%;
}
}
@media (max-width: 560px) {
.page-news .sidebar .news-top .news-post .item {
width: 100%;
padding: 0 5px;
}
}
.page-news .sidebar .news-top .news-post .item figure img {
height: 170px;
}
.solution.technology-detail .technology-top-feature img {
border-radius: 40px;
max-height: 100%;
}
@media (max-width: 560px) {
.solution.technology-detail .technology-top {
padding-top: 0;
}
.solution.technology-detail .breadcrumb.cus {
margin-top: 0;
margin-bottom: 10px;
}
}
.solution-content {
margin-top: 20px;
padding-bottom: 20px;
}
@media (max-width: 560px) {
.solution-content {
padding-bottom: 0px;
margin-top: 0;
}
}
.solution-content .nav-tabs {
border: 0;
margin-bottom: 20px;
}
@media (max-width: 560px) {
.solution-content .nav-tabs {
margin-bottom: 0px;
}
}
.solution-content .nav-tabs .nav-link {
border: 0;
color: #BCBEBC;
font-size: 17px;
font-weight: 500;
position: relative;
margin-bottom: 10px;
}
.solution-content .nav-tabs .nav-link.active {
color: #00183a;
background-color: transparent;
}
.solution-content .nav-tabs .nav-link.active::before {
content: "";
position: absolute;
bottom: 0px;
left: 50%;
width: 80%;
height: 2px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #e9633d;
}
.solution-content .tab-content .tab-pane.active {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.solution-content .tab-content .tab-pane .item {
width: 33%;
padding: 12px;
}
@media (min-width: 1500px) {
.solution-content .tab-content .tab-pane .item {
width: 25%;
}
}
@media (max-width: 992px) {
.solution-content .tab-content .tab-pane .item {
width: 50%;
}
}
@media (max-width: 560px) {
.solution-content .tab-content .tab-pane .item {
width: 100%;
padding: 10px 0;
}
}
.solution-content .tab-content .tab-pane .item img {
border-radius: 16px;
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.solution-content .tab-content .tab-pane .item img:not(.icon-next) {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
}
.solution-content .tab-content .tab-pane .item img:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.solution-content .tab-content .tab-pane .item a {
position: relative;
overflow: hidden;
border-radius: 16px;
display: block;
height: 100%;
}
.solution-content .tab-content .tab-pane .item a:hover .icon-next {
opacity: 1;
}
.solution-content .tab-content .tab-pane .item a .icon-next {
position: absolute;
bottom: 12px;
right: 12px;
height: 36px;
width: 36px;
opacity: 0;
}
@media (min-width: 992px) {
.news-detail .breadcrumb.cus {
margin-top: 0;
margin-bottom: 10px;
}
}
@media (min-width: 992px) {
.news-detail .news-top {
padding: 0;
}
}
@media (min-width: 992px) {
.news-detail .news-top-info {
padding-right: 30px;
}
}
@media (max-width: 560px) {
.news-detail .news-top-info .title-single-notoSanJp {
font-size: 26px;
}
}
.single {
line-height: normal;
}
@media (min-width: 992px) {
.single {
padding-right: 30px;
}
}
.single .title-capitalize {
margin-bottom: 30px;
font-size: 30px;
}
@media (min-width: 992px) {
.single .title-capitalize {
margin-bottom: 20px;
}
}
@media (max-width: 560px) {
.single .title-capitalize {
font-size: 30px;
}
}
.single .title-capitalize:first-of-type {
margin-bottom: 22px;
}
.single .title-normal {
margin-bottom: 15px;
}
@media (max-width: 560px) {
.single .title-normal {
font-size: 16px;
margin-bottom: 12px;
}
}
.single .template_list_grid p {
line-height: 24px;
}
.single .template-list {
line-height: normal;
}
.single .template-list .template-list-content .item {
padding: 15px 0;
}
@media (max-width: 560px) {
.single .template-list .template-list-content .item {
padding: 10px 0;
}
.single .template-list .template-list-content .item .item-title {
font-size: 16px;
}
}
.single .template-list .template-list-content .item .item-desc {
line-height: 24px;
}
.solutions-detail.cus .solutions-top .solutions-iframe {
background-image: none;
padding: 0;
}
.solutions-detail.cus .solutions-top .solutions-iframe iframe {
background-image: none;
}
@media (min-width: 992px) {
.solutions-detail.cus .related {
margin-bottom: 90px;
}
}
.solutions-detail.cus .related .title-archive-notoSanJp {
margin-bottom: 40px;
}
.solutions-detail.cus .related .title-archive-notoSanJp::before, .solutions-detail.cus .related .title-archive-notoSanJp::after {
content: none;
}
.solutions-detail.cus .related .item {
padding: 0;
-webkit-box-shadow: none;
box-shadow: none;
border: 0;
overflow: hidden;
}
.solutions-detail.cus .related .item .feature {
-webkit-transition: 0.3s ease-in-out;
transition: 0.3s ease-in-out;
}
.solutions-detail.cus .related .item .feature:hover {
-webkit-transform: scale(1.1);
transform: scale(1.1);
}
.solutions-detail.cus .solutions-iframe .content {
position: relative;
overflow: hidden;
height: 596px;
-webkit-clip-path: inset(0px 69px 0px 66px round 50px);
clip-path: inset(0px 69px 0px 66px round 50px);
}
.solutions-detail.cus .solutions-iframe .content iframe {
width: 430px;
height: auto;
aspect-ratio: 9/16;
border: 0 !important;
margin-top: -60px;
padding: 0;
}
@media (min-width: 992px) {
.services-detail.cus .services-top-info {
padding-right: 30px;
}
}[data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;transition-property:opacity,transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;transform:translateZ(0)}[data-aos=fade-up]{transform:translate3d(0,100px,0)}[data-aos=fade-down]{transform:translate3d(0,-100px,0)}[data-aos=fade-right]{transform:translate3d(-100px,0,0)}[data-aos=fade-left]{transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;transition-property:opacity,transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;transform:translateZ(0) scale(1)}[data-aos=zoom-in]{transform:scale(.6)}[data-aos=zoom-in-up]{transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{transform:scale(1.2)}[data-aos=zoom-out-up]{transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{transition-property:transform}[data-aos^=slide][data-aos^=slide].aos-animate{transform:translateZ(0)}[data-aos=slide-up]{transform:translate3d(0,100%,0)}[data-aos=slide-down]{transform:translate3d(0,-100%,0)}[data-aos=slide-right]{transform:translate3d(-100%,0,0)}[data-aos=slide-left]{transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{backface-visibility:hidden;transition-property:transform}[data-aos=flip-left]{transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{transform:perspective(2500px) rotateX(0)}.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
margin-left: auto;
margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}