/*
 font-family: "Barlow", sans-serif;
 font-family: "Barlow Condensed", sans-serif;
*/

body {background-color:#008984;}
:root {
	--torendi-yellow: #ecf517;
	--torendi-dark: #008a84;
	--torendi-cyan: #4bbbb4;
	--torendi-black: #21212d;
	--tp-common-yellow-green:#ecf517;
	--tp-common-green-regular:#ecf517;
}

#preloader {background-color:#008a84;}
.it-footer-style.crp-footer-bg {background-color: #008984;}

.header-transparent {position:fixed;}
.tp-header-11-style .tp-header-10-wrapper {background:#fff;}
.dgm-project-area {border-radius: 0;}

.lang-switcher {background: #f6f6f6; padding: 4px 8px; border-radius: 12px;}
.lang-switcher i {margin: 0 3px 0 0;}
.lang-switcher span {background: #fff; display: inline-block; padding: 0 2px; border-radius: 4px; cursor:default;}
.lang-switcher a {background: transparent; display: inline-block; padding: 0 2px; border-radius: 4px;}
.lang-switcher a:hover {background: #fff; box-shadow: 1px 1px 1px #ddd;}

.header-logo {width:170px; aspect-ratio:85/19; height:auto;}

#herotitle span.white-m, #herotitle span.featured-m {padding: 0.4em 0.152em 0.5em; border-radius: 16px; line-height: 1rem; margin: 0 0 20px; color: var(--bs-body-bg); background: var(--bs-black); display: inline-block; font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase; font-size: 110px;}
#herotitle span.featured-m {background: #008a84;}
#japanese-version #herotitle span.white-m, #japanese-version #herotitle span.featured-m {font-size: 100px; margin: 0 16px 20px 0; padding: 0.5em 0.152em 0.5em;}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
	#herotitle span.white-m, #herotitle span.featured-m {font-size:80px;}	
	#japanese-version #herotitle span.white-m, #japanese-version #herotitle span.featured-m {font-size:72px;}	
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
	#torendi-hero .crp-hero-funfact-wrap {margin-top: 50px;}
	#japanese-version #herotitle span.white-m, #japanese-version #herotitle span.featured-m {font-size: 90px;}	
}

#torendi-hero {background:url(img/videobg.jpg) center center no-repeat #c29ea5; background-size:cover; position:relative; }
#torendi-hero .video-background {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
#torendi-hero .video-background video {display: block;width: 100%;height: 100%;object-fit: cover; object-position: center;}
#torendi-hero .crp-hero-funfact-wrap {background-image: url(img/funfact-bg-shape-white.png); border-radius: 24px 0 24px 24px;}
#torendi-hero .crp-hero-funfact-img {background: #fff; border-radius: 50%; overflow: hidden;}
#torendi-hero .crp-hero-funfact-img img {width: 50px; height: 50px; border-radius: 50%; background: #fff; padding: 6px;}
.crp-hero-funfact-top-content h4 {font-size: 24px; font-family: 'Barlow', sans-serif; text-transform: uppercase;color:#008a84;}
.crp-hero-funfact-top-content p, .crp-hero-funfact-more-details p {color:var(--bs-body-color);}
.crp-hero-funfact-line, .crp-hero-funfact-line::before {background-color:#fff;}
.crp-hero-funfact-item h4 {color:#008a84;}
.crp-hero-review-box {background: #061719c4 !important; position: absolute; width: max-content; padding: 8px 18px 8px 0; border-radius: 51px;}
.crp-hero-ratting-text span, .crp-hero-ratting-details a {color:#fff; text-shadow: 0px 0px 3px #000; border-bottom: 0 none;}
.crp-hero-ratting-text span.purecounter {transform: none;}
.crp-hero-avater {margin:0 15px;}
.crp-hero-review-box > .crp-hero-ratting {/*background: rgba(255, 255, 255, 0.3); padding: 10px 20px; border-radius: 32px;*/}
.crp-hero-ratting-text {width:104px;}

#about {}
.crp-about-exp {background:var(--torendi-yellow);}
.crp-about-exp-item span {color: #21212d;}
.crp-about-exp-item i {font-weight: 700; color: #21212d; font-family: 'Barlow Condensed', sans-serif;}
.tp-section-title-teko {font-family: 'Barlow Condensed', sans-serif; color: #fff;}
.tp-section-title-teko span.feat {font-family: 'Barlow', sans-serif; color: #fff; background: #000; border-radius: 11px; padding: 6px 10px 12px; display: inline-block;}
#about h5 {color: #fff; font-size: 36px; font-family: 'Barlow', sans-serif;}
#about h5 span {color:var(--torendi-yellow);}
.what-we-do {margin-top: 100px;}
.crp-process-title-sm {font-family: 'Barlow', sans-serif; color: #fff; margin-bottom: 22px;}
.crp-process-content p {color:rgba(255, 255, 255, 0.9);}
.motto-container h6 {background: url(img/torendi-iso.svg) 19px 10px no-repeat #fff; border-radius: 24px; height: 48px; line-height: 48px; text-align: center; width: max-content; padding: 0 22px 0 59px; margin: 20px auto 0; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; text-transform: uppercase; font-size: 20px; letter-spacing: .1px; background-size: 28px;}

.ar-brand-style .tp-brand-wrapper {background: var(--torendi-yellow);}
.crp-text-slider-style.ar-brand-style .tp-brand-title {color: #000; font-family: 'Barlow Condensed', sans-serif; font-weight: 600; text-transform: uppercase;}
.crp-text-slider-style.ar-brand-style .tp-brand-title::after {background-color: #000; transform: translateY(-9px);}

#services {background:#0e0f11;}
.agntix-dark .tp-service-item:first-child {border: 0 none;}
.tp-section-subtitle-teko {font-weight: 600; font-size: 22px; font-family: 'Barlow', sans-serif; text-transform: uppercase;color:#fff;}
#services .crp-service-title-box p {color: #fff; font-family: 'Barlow', sans-serif; font-size: 22px; max-width: 600px; border-bottom: 0 none; font-weight: 500;}
.tp-service-content .tp-section-title {font-family: 'Barlow', sans-serif; letter-spacing: -1px;}
.tp-service-content ul {color: #f0f0f0; font-size: 18px; margin: 0 0 40px 16px;}
.tp-service-content ul li {margin: 0 0 5px; padding: 0 0 0 8px;}
.service-video {width: 100%; height: auto;}
.service-video video {width: 100%; height: auto;}
.agntix-dark .tp-service-category span {border-color: var(--torendi-dark); background: var(--torendi-dark); font-family: 'Barlow', sans-serif;}

.barras-dobles {margin-top:-60px;}
.barras-dobles .tp-brand-wrapper {background: var(--torendi-yellow);}
.barras-dobles .tp-brand-wrapper.tp-brand-style-2 {background: var(--torendi-dark);}
.barras-dobles .tp-brand-wrapper .tp-brand-title {font-weight: 600; font-size: 32px;font-family: 'Barlow Condensed', sans-serif; text-transform: uppercase;}

#projects {}
#projects .dgm-project-active .swiper-slide {opacity:0.25;}
#projects .dgm-project-active .swiper-slide-active {opacity:1;}
.video-project {width: 100%; height: auto; position:relative; border-radius:12px; overflow: hidden;}
.video-project video {width: 100%; height: auto; display:block;}
.video-project .playBtn {position: absolute; top: 0; left: 0; width: 100%; display: flex; height: 100%; align-items: center; justify-content: center; cursor: pointer;}
.video-project .playBtn i {width: 64px; height: 64px; line-height: 64px; font-size: 26px; text-align: center; border-radius: 50%; background: rgba(255, 255, 255, 0.5); color: #000; transition:all 300ms;}
.video-project .playBtn:hover i {background-color:var(--torendi-yellow);}
#projects .dgm-project-text-active .swiper-slide {opacity:0;}
#projects .dgm-project-text-active .swiper-slide-active {opacity:1;}
.dgm-project-title-sm {font-family: 'Barlow Condensed', sans-serif; font-weight: 600; font-size: 48px; letter-spacing: normal;}
.dgm-project-content h5 {max-width: 500px; margin: 10px auto;}
.dgm-project-content h5 span {line-height: 1.5em; opacity: 0.9; text-transform: none; font-size: 18px;}
.dgm-project-slider-wrap .swiper-container.dgm-project-text-active {height: 180px !important;}

#process {}
.crp-service-icon {}
.crp-service-icon span {BACKGROUND-COLOR: var(--torendi-yellow);}
.crp-service-icon span i {font-size: 24px; line-height: 60px;}
.crp-service-content ul {color: #fff; font-size: 18px; margin: 20px 0 40px 16px;}
.crp-service-content li {margin: 0 0 5px; padding: 0 0 0 8px;}
.crp-service-title-sm {font-family: 'Barlow', sans-serif; color: #fff;font-weight: 600; letter-spacing: 0.3px;}

#contact {}
.agntix-light .tp-section-subtitle-teko {color: #000;}
.agntix-light .tp-section-title-teko {color: var(--torendi-dark);}
.agntix-light .tp-section-title-teko span {color: #fff; background: #000; border-radius: 55px; padding: 2px 14px 20px; display: inline-block; font-size: 64px; margin: 0 3px 0 -2px; letter-spacing: normal; vertical-align: middle; line-height: 0.9em;}
.crp-service-title-box p {color: #000; font-size: 34px; font-weight: 600; font-family: 'Barlow', sans-serif; margin: 22px 0 20px 0;border-bottom: solid 8px var(--torendi-yellow);  padding-bottom: 9px; width: fit-content;}
.ar-about-funfact-color .crp-hero-funfact-line, .ar-about-funfact-color .crp-hero-funfact-line::before {background-color:var(--torendi-dark);}
#contact .crp-hero-funfact-wrap {border-radius:24px; margin-left: 90px;}
#contact .ar-about-funfact-item-content a {font-weight: 600;}
#contact .crp-hero-funfact-img {background-color:var(--torendi-dark);width: 58px; height: 58px; line-height: 58px; text-align: center; border-radius: 50%;}
.privacy-note {margin: 40px 0 0;}
.privacy-note .privacy-alert {}
.privacy-note i {width: 48px; height: 48px; display: block; border-radius: 50%; background: var(--torendi-yellow); text-align: center; font-size: 20px; line-height: 50px; float: left; margin: 0 16px 0 0;}
.privacy-note p {font-size: 16px;}

#contact .wpforms-container {margin:0;}
#contact .wpforms-field-label {background: var(--torendi-yellow); padding: 5px 10px; width: fit-content; border-radius: 24px; font-size: 16px; text-transform: uppercase; margin: 0 0 12px; font-family: 'Barlow', sans-serif;}
#contact .wpforms-submit {width: 100%; background: #000; color: var(--torendi-yellow); text-transform: uppercase; font-family: 'Barlow', sans-serif; border-radius: 12px; transition:all 300ms;}
#contact .wpforms-submit:active, #contact .wpforms-submit:hover {background: var(--torendi-cyan); color: #000;}
#contact .wpforms-field-medium {border-color: #000; box-shadow: 0 0 0 1px #000, 0px 1px 2px rgba(0, 0, 0, 0.15);}
#contact .wpforms-field-medium:focus {border-color: var(--torendi-cyan);box-shadow: 0 0 0 1px var(--torendi-cyan), 0px 1px 2px var(--torendi-cyan);}

#footer {}
.dgm-footer-logo img {width: 220px; height: auto;}
.agntix-dark .app-footer-col-1 .dgm-footer-widget-paragraph p {color: #fff;font-size: 13.5px;font-family: 'Barlow', sans-serif;}
.agntix-dark .app-footer-rating {background: rgba(0, 0, 0, 0.4); width: 310px; max-width: 100%;}
#footer .app-hero-bottom-rating-stars {margin-bottom:7px;}
.app-hero-bottom-rating-star span.legend {color: #fff; line-height: 1.5em; display: block;}
.agntix-dark .app-footer-rating .app-hero-bottom-rating-point span {font-family: var(--tp-ff-teko); font-weight: 600; font-size: 50px; margin: 1px 16px 0 0px; display: block;}
.agntix-dark .app-footer-widget .dgm-footer-widget-title { font-family: 'Barlow', sans-serif; letter-spacing: normal; font-size: 24px; color: #fff;}
.app-footer-widget .dgm-footer-widget-menu ul {}
.app-footer-widget .dgm-footer-widget-menu ul li {margin: 0 0 6px 13px; list-style-type: initial; color: #fff; padding: 0 0 0 6px;}
.app-footer-widget .dgm-footer-widget-menu ul li::before {display:none;}
.agntix-dark .app-footer-widget .dgm-footer-widget-menu ul li a {color: rgba(255, 255, 255, 0.9);}
.app-footer-widget .company-info {}
.company-info {}
.company-info .info-item {width: 100%; display: grid; grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 44px 1fr; gap: 0px 16px; margin: 0 0 24px;}
.company-info .info-icon {background: #4bbbb42e; border-radius: 50%; line-height: 44px; text-align: center; height: 44px; color: var(--torendi-cyan); font-size: 18px; width: 44px;}
.company-info .info-icon i {}
.company-info .info-icon img {height: 18px; vertical-align: sub; width: auto; margin: 13px auto 0; display: block;}
.company-info .info-text {font-family: 'Barlow', sans-serif; font-size: 16px; color: rgba(255, 255, 255, 0.9); line-height: 1em;}
.company-info .info-text strong {display: block; color: #fff; font-size: 17px; font-weight: 600; margin: 0 0 10px 0; text-transform: uppercase;}
.company-info .info-text span {font-size: 15px; line-height: 1.5em;}
.company-info .info-text span a {}
#footer .tp-copyright-2-border {padding:26px 0;}
.agntix-dark .app-copyright-text p {color: rgba(255, 255, 255, 0.8);font-family: 'Barlow', sans-serif;letter-spacing: normal;font-size: 15px;font-weight: 400;}

#map {}
#map .lightbox-mapa {width:800px; max-width:90%;margin-left: auto; margin-right: auto;}
#map .lightbox-mapa .modal-content {height: auto; border-radius: 16px; overflow: hidden; padding: 16px 17px;}
#map .tp-contact-us-map {height: 320px;}
#map .tp-contact-map-icon span {background-color: var(--torendi-dark);}


#japanese-version .crp-hero-funfact-top-content p {font-size:16px;}
#japanese-version .crp-hero-ratting-text {margin-left: 18px; margin-right: 0;}
#japanese-version #about .tp-section-title-teko {line-height: 1.1em; font-size: 70px;max-width: 990px;}
#japanese-version .tp-section-title-teko span.feat {margin-bottom:3px; line-height: 1em;}
#japanese-version #services .crp-service-title-box p {max-width: 630px;}
#japanese-version #services .tp-section-title-teko {line-height: 1.1em;}
#japanese-version .crp-about-exp-item i {line-height: 1.1em;}
#japanese-version .crp-process-title-sm {font-size:36px;}
#japanese-version .tp-service-content .tp-section-title {font-size: 44px; line-height: 1.1em;}
#japanese-version .tp-service-content ul {font-size:17px;}
#japanese-version #contact .tp-section-title-teko {font-size: 66px;}
#japanese-version #contact .ar-about-funfact-top-content h4 {font-size: 26px;}


/* Small devices (landscape phones, 576px and up) */

@media (max-width: 767px) {
    /* Estilos para sm e inferiores */
	.header-logo {max-width: 120px;}
	#herotitle span.white-m, #herotitle span.featured-m {font-size:44px;margin: 0 0 15px;}
	#japanese-version #herotitle span.white-m, #japanese-version #herotitle span.featured-m {font-size: 36px; margin: 0 0.3em 0.3em 0;}
	.crp-hero-review-box {display:none !important;}
	.crp-hero-ptb {padding-top: 130px;}
	#torendi-hero .crp-hero-funfact-wrap {margin-top:-75px;}
	.crp-about-exp { margin-bottom: 30px;}
	.tp-section-title-teko span.feat {padding: 6px 10px 9px;}
	#about h5 {font-size:28px; margin-top: 40px;}
	.what-we-do {margin-top: 80px;}
	.motto-container h6 {border-radius: 40px; max-width: 90%; height: auto; text-align: left; line-height: 1.25em; font-size: 18px; padding: 4px 20px 6px 65px; background-size: 34px;}
	.ar-brand-area {margin-bottom: 0;}
	#services .crp-service-title-box p {line-height: 1.3em; font-size: 19px; margin-bottom: 0;}
	.tp-service-content ul {font-size:16px;}
	.barras-dobles {padding-top: 0; margin-top: -121px;}
	.dgm-project-slider-wrap .swiper-container.dgm-project-text-active {height:200px !important;}
	.dgm-project-content h5 span {font-size: 16px; max-width: 90%;}
	#projects {padding-bottom: 80px;}
	#process { padding-top: 120px;}
	#contact {margin-top: 40px; padding-top: 120px;}
	.crp-service-title-box {max-width: 100%;}
	.agntix-light .tp-section-title-teko span {font-size: 44px; padding: 2px 10px 12px; margin: 10px 0 0 0;}
	.crp-service-title-box p {font-size: 28px; line-height: 1.1em;}
	#contact .wpforms-container { margin-top: -50px;}
	.privacy-note p {font-size: 14px; padding: 2px 0 0 0;}
	#contact .crp-hero-funfact-wrap {margin: 40px auto 0;}
	.tp-contact-us-map {margin-bottom:0;}
	#footer .app-footer-area {padding-top: 80px; padding-bottom: 0;}
	#footer .dgm-footer-logo, .dgm-footer-widget-paragraph {text-align: center;}
	.agntix-dark .app-footer-rating {margin:0 auto;}
	.app-footer-widget .dgm-footer-widget-menu ul {grid-auto-columns: 1fr; grid-auto-rows: 1fr; grid-template-columns: 1fr 1fr; gap: 10px 20px; display: grid;}
	
	#japanese-version #about .tp-section-title-teko {font-size: 44px;}
	#japanese-version .crp-about-exp-item i {font-size: 22px;}
	#japanese-version #services {line-height:1.1em;}
	#japanese-version #services .tp-service-content ul li {line-height: 1.3em; margin: 0 0 10px;}
	#japanese-version #services .crp-service-title-box p {margin-top: 40px; font-size: 22px; line-height: 1.3em;}
	#japanese-version .tp-service-content .tp-section-title {font-size:36px;}
	#japanese-version #process .tp-section-title-teko {font-size:42px; margin-bottom: 60px;}
	#japanese-version #contact .tp-section-title-teko {font-size: 42px; line-height: 1.1em;}
	#japanese-version .crp-service-title-box p {font-size: 26px; line-height: 1.2em; margin: 10px 0 20px;}
	#japanese-version .app-footer-widget .dgm-footer-widget-menu ul {display:block;}
	
	
	
	
	
	
	
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    /* Estilos para md y superiores */
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    /* Estilos para lg y superiores */
	header .tp-header-10-wrapper .tp-header-10-box .tp-header-10-menu {margin-right: 40px;}
}

/* X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    /* Estilos para xl y superiores */
	#japanese-version .crp-service-area .row [class*=col-]:nth-child(2n+1) .crp-service-item {margin-right: 160px;}
}

@media　only screen and (min-width: 768px) and (max-width: 991px), (max-width: 767px) {
	.crp-service-icon {margin-right: 20px; margin-bottom: 20px;}
}