.fl-drop-caps-wrapper-vc .first-letter {
display: flex;
align-items: center;
justify-content: center;
float: left;
padding: 15px 25px;
margin-right: 20px;
margin-bottom: 14px;
font-size: 40px;
line-height: 1;
color: #ffffff; }
.fl-drop-caps-wrapper-vc p + p {
margin-top: 5px; } .latest-projects {
padding-bottom: 24px; }
@media (min-width: 576px) {
.latest-projects {
padding-bottom: 48px; } }
@media (min-width: 1200px) {
.latest-projects {
padding-bottom: 104px; } }
.latest-projects__header {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 576px) {
.latest-projects__header {
margin-bottom: 24px; } }
@media (min-width: 768px) {
.latest-projects__header {
display: flex;
justify-content: space-between;
margin-bottom: 56px;
text-align: left; } }
@media (min-width: 992px) {
.latest-projects__header {
margin-bottom: 80px; } }
@media (min-width: 1200px) {
.latest-projects__header {
margin-bottom: 105px; } }
.latest-projects__preheading {
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
color: #ff4800;
text-transform: uppercase; }
.latest-projects__heading {
margin-bottom: 16px;
text-align: center; }
.latest-projects__header .latest-projects__heading {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 768px) {
.latest-projects__heading {
margin-bottom: 0;
align-self: baseline; } }
@media (min-width: 1200px) {
.latest-projects__heading {
margin-bottom: 0px; } }
@media (min-width: 768px) {
.latest-projects__more {
align-self: baseline; } }
.latest-projects__inner {
position: relative; }
@media (min-width: 1560px) {
.latest-projects__inner {
max-width: 1550px; } }
.home-left-menu .latest-projects__inner .slider__item {
height: 700px;
overflow: hidden; }
.home-left-menu .latest-projects__inner .slider__item img {
height: 100%; }
@media (min-width: 768px) {
.webpage__latest-projects .latest-projects__slider-thumbs {
position: absolute;
right: 15px;
bottom: 0;
left: 15px; } }
.latest-projects__slider-thumbs .swiper-wrapper {
align-items: flex-end; }
.webpage--modern .latest-projects__inner {
max-width: 1550px; }
.webpage--modern .latest-projects__preheading {
color: #cee100;
text-align: center; }
.webpage--modern .latest-projects__header {
display: block; }
.webpage--modern .latest-projects__heading {
font-weight: 700; }
.webpage--modern .latest-projects .swiper-pagination .swiper-pagination-bullet {
opacity: 1; }
@media (min-width: 1200px) {
.webpage--modern .latest-projects__inner .swiper-pagination {
margin-top: 90px !important; } }
@media (min-width: 768px) {
.th-latest-projects__inner {
display: flex;
align-items: flex-end;
justify-content: space-between; } }
.th-latest-projects__header {
padding: 40px 0;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/img/th-latest-bg.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: cover; }
@media (min-width: 1200px) {
.th-latest-projects__header {
padding: 140px 0; } }
.th-latest-projects__header-nav {
display: flex;
margin-top: 24px; }
@media (min-width: 768px) {
.th-latest-projects__header-nav {
margin-top: 0;
margin-bottom: 8px;
margin-left: 20px; } }
.webpage--technical-drawing .th-latest-projects__heading {
margin-bottom: 24px;
font-weight: 400; }
.th-latest-projects__btn {
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
cursor: pointer;
background-color: transparent;
border: solid 1px #000000;
transition: background-color 0.3s ease; }
.th-latest-projects__btn:hover, .th-latest-projects__btn:focus {
background-color: #ffdf91;
outline: none; }
.th-latest-projects__btn:active {
opacity: 0.7; }
.th-latest-projects__btn + .th-latest-projects__btn {
margin-left: 9px; }
.th-latest-projects__carousel {
width: calc(100% + 8px);
margin-bottom: -4px;
margin-left: -4px; } .more {
font-size: 14px;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.06em;
transition: color 0.3s ease; }
.more:hover, .more:focus {
color: #ff4800;
outline: none; }
.more:active {
opacity: 0.7; } .slide-content {
box-sizing: border-box;
padding: 35px 0 10px;
background-color: #ffffff;
transition: all 0.3s ease; }
@media (min-width: 576px) {
.slide-content {
padding: 20px; }
.slide-content:hover {
background-color: #ff4800; }
.slide-content:hover .slide-content__heading a {
color: #ffffff; }
.slide-content:hover .slide-content__detail {
color: #ffffff; } }
@media (min-width: 992px) {
.slide-content {
padding: 32px; } }
@media (min-width: 1200px) {
.slide-content {
padding: 48px; } }
@media (min-width: 1560px) {
.slide-content {
padding: 67px 63px 43px; } }
.slide-content--thumb {
cursor: pointer; }
@media (min-width: 768px) {
.slide-content--thumb {
background-color: transparent;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); } }
@media (min-width: 1200px) {
.slide-content--thumb {
padding: 28px; } }
@media (min-width: 768px) {
.slide-content--thumb .slide-content__detail {
color: #ffffff; } }
@media (min-width: 768px) {
.slide-content--thumb .slide-content__heading {
font-weight: 300;
color: #ffffff; }
.slide-content--thumb .slide-content__heading a {
color: #ffffff; } }
.slide-content--thumb:hover, .slide-content--thumb:focus {
background-color: #ffffff;
background-image: none;
transition: background-color 0.3s ease; }
.home-left-menu .slide-content--thumb:hover, .home-left-menu .slide-content--thumb:focus {
background-color: #ffffff;
background-image: none;
transition: background-color 0.3s ease; }
.slide-content--thumb:hover .slide-content__detail, .slide-content--thumb:focus .slide-content__detail {
color: #666666; }
.slide-content--thumb:hover .slide-content__heading, .slide-content--thumb:focus .slide-content__heading {
color: #000000; }
.slide-content--thumb:hover .slide-content__heading a, .slide-content--thumb:focus .slide-content__heading a {
color: #000000; }
.slide-content--thumb:hover .slide-content__heading a:hover, .slide-content--thumb:hover .slide-content__heading a:focus, .slide-content--thumb:focus .slide-content__heading a:hover, .slide-content--thumb:focus .slide-content__heading a:focus {
color: #ff4800; }
@media (min-width: 768px) {
.slide-content--thumb:hover .slide-content__heading a, .slide-content--thumb:focus .slide-content__heading a {
color: #000000; }
.slide-content--thumb:hover .slide-content__heading a:hover, .slide-content--thumb:hover .slide-content__heading a:focus, .slide-content--thumb:focus .slide-content__heading a:hover, .slide-content--thumb:focus .slide-content__heading a:focus {
color: #ff4800; } }
.slide-content__detail {
margin-bottom: 6px;
font-size: 12px;
line-height: 1;
color: #666666;
letter-spacing: 0.025em;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.slide-content__detail {
margin-bottom: 8px;
font-size: 14px; } }
@media (min-width: 1200px) {
.slide-content__detail {
margin-bottom: 20px;
font-size: 16px; } }
@media (min-width: 1560px) {
.slide-content__detail {
margin-bottom: 24px; } }
.slide-content__heading {
font-size: 20px;
line-height: 1;
color: #000000; }
.slide-content__heading a {
color: #000000;
transition: color 0.3s ease; }
.slide-content__heading a:hover, .slide-content__heading a:focus {
color: #ff4800;
outline: none; }
@media (min-width: 992px) {
.slide-content__heading {
font-size: 30px; } }
@media (min-width: 1200px) {
.slide-content__heading {
font-size: 36px; } }
@media (min-width: 1560px) {
.slide-content__heading {
font-size: 40px; } } .slide {
position: relative; }
.slide img {
display: block;
width: 100%;
height: auto; }
@media (min-width: 576px) {
.slide__content {
position: absolute;
bottom: -1px;
left: -1px; } }
@media (min-width: 1200px) {
.slide__content {
min-width: 475px; } } .slider {
margin-bottom: 0 !important; }
.slider .swiper-pagination {
position: static;
display: flex;
justify-content: center; }
@media (min-width: 576px) {
.slider .swiper-pagination {
bottom: -48px; } }
@media (min-width: 1200px) {
.slider .swiper-pagination {
bottom: -104px; } }
.slider .swiper-pagination .swiper-pagination-bullet {
width: 8px;
height: 8px;
appearance: none;
margin: 0 4px;
background-color: #cccccc;
border-radius: 4px;
opacity: 1;
transition: width 0.3s ease, background-color 0.3s ease; }
@media (min-width: 576px) {
.slider .swiper-pagination .swiper-pagination-bullet {
margin: 0 11px; } }
.slider .swiper-pagination .swiper-pagination-bullet-active {
width: 36px;
background-color: #ff4800; }
.slider--single .swiper-pagination {
margin-top: 20px; }
@media (min-width: 768px) {
.slider--single .swiper-pagination {
margin-top: 40px; } }
@media (min-width: 1200px) {
.slider--single .swiper-pagination {
margin-top: 95px; } }
.slider--single .swiper-slide-next .slide__content {
opacity: 0; }
@media (min-width: 768px) {
.slider--single .slider__item {
width: 77%; } }
@media (min-width: 1200px) {
.slider--single .slider__item {
width: 75.328%; } }
@media (min-width: 768px) {
.slider--single .slider__nav {
top: calc(50% - 20px);
right: 0;
left: 0;
transform: translateY(-50%);
z-index: 1; } }
@media (min-width: 1200px) {
.slider--single .slider__nav {
top: calc(50% - 47px); } }
.slider--carousel .swiper-scrollbar {
position: relative;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
margin-top: 90px;
background-color: rgba(0, 0, 0, 0.15); }
.slider--carousel .swiper-scrollbar.swiper-scrollbar-relative {
position: relative !important;
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
margin-top: 90px;
background-color: rgba(0, 0, 0, 0.15); }
.slider--carousel .swiper-scrollbar-drag {
top: -1px;
height: 3px;
background-color: #ff4800; }
.slider--carousel .slider__item {
width: 100%;
box-sizing: border-box; }
@media (min-width: 576px) {
.slider--carousel .slider__item {
width: 70%; } }
@media (min-width: 992px) {
.slider--carousel .slider__item {
width: 40%; } }
@media (min-width: 1200px) {
.slider--carousel .slider__item {
width: 35.5%; } }
.slider--with-thumbs {
padding-top: 60px; }
@media (min-width: 768px) {
.slider--with-thumbs {
padding-top: 0; } }
.slider--with-thumbs .slider__nav {
position: absolute;
top: 0;
right: 0;
display: flex; }
@media (min-width: 768px) {
.slider--with-thumbs .slider__nav {
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
z-index: 1; } }
.slider--with-thumbs .slider__nav-btn {
width: 18px;
height: 32px;
appearance: none;
padding: 0;
overflow: hidden;
cursor: pointer;
background-color: transparent;
border: none; }
.slider--with-thumbs .slider__nav-btn:hover, .slider--with-thumbs .slider__nav-btn:focus {
background-color: transparent !important;
border-color: transparent !important;
outline: none; }
.slider--with-thumbs .slider__nav-btn:hover svg, .slider--with-thumbs .slider__nav-btn:focus svg {
fill: #ff4800 !important; }
@media (min-width: 768px) {
.slider--with-thumbs .slider__nav-btn {
border: solid 1px #ffffff !important; }
.slider--with-thumbs .slider__nav-btn:hover, .slider--with-thumbs .slider__nav-btn:focus {
background-color: #ff4800 !important;
border: solid 1px #ff4800; }
.slider--with-thumbs .slider__nav-btn:hover svg, .slider--with-thumbs .slider__nav-btn:focus svg {
fill: #ffffff !important; } }
.slider--with-thumbs .slider__nav-btn.swiper-button-disabled {
pointer-events: none;
opacity: 0.5; }
@media (min-width: 768px) {
.slider--with-thumbs .slider__nav-btn.swiper-button-disabled {
background-color: transparent !important;
border: solid 1px #ffffff; }
.slider--with-thumbs .slider__nav-btn.swiper-button-disabled svg {
fill: #ffffff !important; } }
.slider--with-thumbs .slider__nav-btn svg {
position: relative;
left: 50%;
display: block;
width: auto;
height: 100%;
transition: fill 0.3s ease;
transform: translateX(-50%); }
@media (min-width: 768px) {
.slider--with-thumbs .slider__nav-btn svg {
position: static;
width: 34px;
height: auto;
transform: translateX(0);
fill: #ffffff; } }
@media (min-width: 768px) {
.slider--with-thumbs .slider__nav-btn {
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border: solid 1px #ffffff;
transition: background-color 0.3s ease, border-color 0.3s ease;
transform: translateY(-50%); }
.slider--with-thumbs .slider__nav-btn:hover, .slider--with-thumbs .slider__nav-btn:focus {
background-color: #ffffff; }
.slider--with-thumbs .slider__nav-btn:hover svg, .slider--with-thumbs .slider__nav-btn:focus svg {
fill: #000000; } }
.slider__nav {
position: absolute;
top: 0;
right: 0;
display: flex; }
@media (min-width: 768px) {
.slider__nav {
top: 50%;
right: 0;
left: 0;
transform: translateY(-50%);
z-index: 1; } }
.slider__nav-btn {
width: 18px;
height: 32px;
appearance: none;
padding: 0;
overflow: hidden;
cursor: pointer;
background-color: transparent;
border: none; }
.slider__nav-btn:hover, .slider__nav-btn:focus {
background-color: #ff4800 !important;
border-color: #ff4800 !important;
outline: none; }
.slider__nav-btn:hover svg, .slider__nav-btn:focus svg {
fill: #ffffff !important; }
.slider__nav-btn--next {
margin-left: 12px; }
@media (min-width: 768px) {
.slider__nav-btn--next {
right: 3.125vw;
margin: 0; } }
@media (min-width: 768px) {
.slider__nav-btn--prev {
left: 3.125vw; } }
.slider__nav-btn.swiper-button-disabled {
pointer-events: none;
opacity: 0.5; }
@media (min-width: 768px) {
.slider__nav-btn.swiper-button-disabled {
background-color: transparent !important;
border: solid 1px #ffffff; }
.slider__nav-btn.swiper-button-disabled svg {
fill: #ffffff !important; } }
.slider__nav-btn svg {
position: relative;
left: 50%;
display: block;
width: auto;
height: 100%;
transition: fill 0.3s ease;
transform: translateX(-50%); }
@media (min-width: 768px) {
.slider__nav-btn svg {
position: static;
width: 34px;
height: auto;
transform: translateX(0);
fill: #ffffff; } }
@media (min-width: 768px) {
.slider__nav-btn {
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border: solid 1px #ffffff;
transition: background-color 0.3s ease, border-color 0.3s ease;
transform: translateY(-50%); }
.slider__nav-btn:hover, .slider__nav-btn:focus {
background-color: #ffffff; }
.slider__nav-btn:hover svg, .slider__nav-btn:focus svg {
fill: #000000; } }
.webpage--modern .slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #cee100; } .work-card--compact, .work-card--masonry {
position: relative;
box-sizing: border-box;
padding: 0; }
.work-card--compact .work-card__content, .work-card--masonry .work-card__content {
position: absolute;
top: 0;
left: 0;
display: flex;
width: 100%;
height: 100%;
padding: 36px 36px 30px;
pointer-events: none;
flex-direction: column;
z-index: 1; }
@media (min-width: 768px) {
.work-card--compact .work-card__content, .work-card--masonry .work-card__content {
padding: 48px 48px 42px; } }
@media (min-width: 1200px) {
.work-card--compact .work-card__content, .work-card--masonry .work-card__content {
padding: 64px 64px 60px; } }
.work-card--compact .work-card__image, .work-card--masonry .work-card__image {
position: relative;
margin: 0; }
.home_default_works .latest-projects__inner .slider__item {
max-height: 650px;
overflow: hidden; }
.home_modern_works .latest-projects__inner .slider__item {
max-height: 725px;
overflow: hidden; }
.home_modern_works .latest-projects__inner .slider__item img {
height: 100%; }
.works-carousel-2 .latest-projects__inner .slider__item {
max-height: 725px;
overflow: hidden; }
.works-carousel-2 .latest-projects__inner .slider__item img {
height: 100%; }
.work-card--compact .work-card__image::before, .work-card--masonry .work-card__image::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: #ff4800;
opacity: 0;
transition: opacity 0.3s ease;
z-index: 1; }
.work-card--compact .work-card__image:hover, .work-card--compact .work-card__image:focus, .work-card--masonry .work-card__image:hover, .work-card--masonry .work-card__image:focus {
outline: none;
opacity: 1; }
.work-card--compact .work-card__image:hover::before, .work-card--compact .work-card__image:focus::before, .work-card--masonry .work-card__image:hover::before, .work-card--masonry .work-card__image:focus::before {
opacity: 1; }
.work-card--compact .work-card__year, .work-card--masonry .work-card__year {
margin-bottom: 20px;
font-size: 18px;
line-height: 1;
color: #ffffff; }
.work-card--compact .work-card__tags, .work-card--masonry .work-card__tags {
margin-top: auto;
font-size: 18px;
color: #ffffff; }
.work-card--compact .work-card__heading, .work-card--masonry .work-card__heading {
max-width: 380px;
margin: 0;
font-weight: 700; }
@media (min-width: 1200px) {
.work-card--compact .work-card__heading, .work-card--masonry .work-card__heading {
font-size: 36px !important; } }
.work-card--compact .work-card__heading a, .work-card--masonry .work-card__heading a {
color: #ffffff; }
.work-card--masonry:hover .work-card__content {
opacity: 1; }
.work-card--masonry .work-card__content {
padding: 36px 36px 30px;
pointer-events: none;
opacity: 0;
transition: opacity 0.3s ease; }
@media (min-width: 768px) {
.work-card--masonry .work-card__content {
padding: 48px 48px 42px; } }
.work-card--grid {
box-sizing: border-box;
border: 4px solid #000000; }
.work-card--grid .work-card__image {
height: 450px;
padding: 0;
margin-bottom: 0;
overflow: hidden; }
@media (min-width: 1200px) {
.work-card--grid .work-card__image {
height: 780px;
padding: 50px; } }
.work-card--grid .work-card__image:hover img {
transform: scale(1.3); }
.work-card--grid .work-card__image img {
height: 100%;
object-fit: cover; }
.work-card--grid .work-card__content {
display: flex;
justify-content: space-between;
flex-direction: column;
border-top: 1px solid #000000; }
@media (min-width: 992px) {
.work-card--grid .work-card__content {
flex-direction: row; } }
.work-card--grid .work-card__content-wrapper {
padding: 45px 60px 25px; }
.work-card--grid .work-card__tags {
margin-bottom: 10px;
font-size: 14px;
line-height: 34px;
color: #666666;
text-transform: uppercase;
letter-spacing: 0.05em; }
.work-card--grid .work-card__heading a {
font-size: 36px;
color: #000000;
text-transform: none;
letter-spacing: -0.025em;
cursor: pointer; }
@media (min-width: 992px) {
.work-card--grid .work-card__heading a {
font-size: 48px; } }
.work-card--grid .work-card__button {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
cursor: pointer;
border-top: 1px solid #000000;
transition: background-color 0.3s ease; }
@media (min-width: 992px) {
.work-card--grid .work-card__button {
width: 212px;
border-left: 1px solid #000000; }
.work-card--grid .work-card__button:hover, .work-card--grid .work-card__button:focus {
background-color: #ffdf91;
outline: none; } }
.work-card--grid .work-card__button svg {
width: 96px;
height: 54px; }
.work-card__image {
display: block;
margin-bottom: 24px;
overflow: hidden;
transition: opacity 0.3s ease; }
@media (min-width: 1200px) {
.work-card__image {
margin-bottom: 43px; } }
.work-card__image:hover, .work-card__image:focus {
outline: none;
opacity: 0.7; }
.work-card__image:hover img, .work-card__image:focus img {
transform: scale(1.1); }
.work-card__image img {
display: block;
width: 100%;
height: auto;
transition: transform 0.3s ease; }
.work-card__tags {
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
color: #ff4800; }
@media (min-width: 1200px) {
.work-card__tags {
margin-bottom: 18px; } }
.work-card__heading {
margin: 0 0 20px;
font-size: 24px;
font-weight: 400;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.025em; }
@media (min-width: 1200px) {
.work-card__heading {
margin-bottom: 26px;
font-size: 30px; } }
.work-card__heading a {
color: #000000; }
.work-card__heading a:hover, .work-card__heading a:focus {
text-decoration: underline;
outline: none; }
.work-card__text {
font-size: 16px;
line-height: 1.625;
color: #666666; }
.webpage--modern .work-card--compact .work-card__image::before {
background-color: #cee100; } .works-section {
padding: 60px 0; }
@media (min-width: 768px) {
.works-section {
padding: 80px 0; } }
@media (min-width: 992px) {
.works-section {
padding: 120px 0; } }
@media (min-width: 1200px) {
.works-section {
padding: 177px 0; } }
.works-section__heading.heading {
margin: 0 0 32px;
font-weight: 400; }
@media (min-width: 768px) {
.works-section__heading {
margin-bottom: 48px; } }
@media (min-width: 1200px) {
.webpage--beige .works-section__heading {
margin-bottom: 113px; } }
@media (min-width: 768px) {
.works-section__column--list {
margin-top: 32px; }
.works-section__column--list .works-section__card {
margin-left: auto; } }
.works-section__card {
margin-bottom: 60px; }
@media (min-width: 768px) {
.works-section__card {
max-width: 400px;
margin-bottom: 0; }
.works-section__card--big {
max-width: 600px; }
.works-section__card + .works-section__card {
margin-top: 56px; } }
@media (min-width: 1200px) {
.works-section__card + .works-section__card {
margin-top: 96px; } }
.works-section__card-image {
margin-bottom: 24px; }
@media (min-width: 1200px) {
.works-section__card-image {
margin-bottom: 42px; } }
.works-section__card-image img {
display: block;
width: 100%;
height: auto; }
.works-section__card-tags {
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
color: #ff4800; }
.works-section__card-heading {
margin: 0 0 12px;
font-size: 24px;
font-weight: 400;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.025em; }
@media (min-width: 768px) {
.works-section__card-heading {
margin-bottom: 20px; } }
@media (min-width: 1200px) {
.works-section__card-heading {
font-size: 36px; } }
.works-section__card-heading a {
color: #000000; }
.works-section__card-heading a:hover, .works-section__card-heading a:focus {
text-decoration: underline;
outline: none; }
.works-section__card-text {
max-width: 550px;
font-size: 14px;
line-height: 1.625;
color: #999999; }
@media (min-width: 1200px) {
.works-section__card-text {
font-size: 16px; } }
.works-section__btn {
display: none; }
@media (min-width: 768px) {
.works-section__btn {
display: inline-block;
margin-top: 140px; } }
.webpage--beige .works-section__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff;
text-transform: uppercase;
letter-spacing: normal; }
.webpage--beige .works-section__card-tags {
color: #e6da89; }
.webpage--beige .works-section__card-heading a {
color: #ffffff; } .th-hero-slider {
position: relative; }
@media (min-width: 768px) {
.th-hero-slider {
padding-top: 60px; } }
@media (min-width: 992px) {
.th-hero-slider {
padding-top: 100px; } }
@media (min-width: 1200px) {
.th-hero-slider {
padding-top: 140px; } }
@media (min-width: 1200px) {
.th-hero-slider__inner {
position: relative;
max-width: 1640px;
margin: 0 auto; } }
.th-hero-slider__counter {
position: absolute;
top: 20px;
left: 20px;
display: flex;
align-items: flex-start;
font-size: 24px;
line-height: 1;
color: #000000;
z-index: 2; }
@media (min-width: 768px) {
.th-hero-slider__counter {
top: 0; } }
.th-hero-slider__counter span {
display: inline-block;
height: 24px;
margin-right: 6px; }
@media (min-width: 576px) {
.th-hero-slider__counter span {
color: #999999; } }
.th-hero-slider__counter span:first-child {
margin-top: -4px;
font-size: 48px; }
@media (min-width: 576px) {
.th-hero-slider__counter span:first-child {
color: #000000; } }
.th-hero-slider__slide {
position: relative;
box-sizing: border-box; }
@media (min-width: 576px) {
.th-hero-slider__slide {
display: flex; } }
@media (min-width: 768px) {
.th-hero-slider__slide {
padding-left: 100px; } }
@media (min-width: 992px) {
.th-hero-slider__slide {
padding-left: 150px; } }
@media (min-width: 1560px) {
.th-hero-slider__slide {
padding-left: 230px; } }
.th-hero-slider__content {
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 100px 20px 32px;
z-index: 1; }
@media (min-width: 576px) {
.th-hero-slider__content {
padding-bottom: 100px;
flex-grow: 1; } }
@media (min-width: 768px) {
.th-hero-slider__content {
padding: 0 20px 80px; } }
.th-hero-slider__image {
position: relative;
height: 410px; }
@media (min-width: 576px) {
.th-hero-slider__image {
max-width: 40%;
height: auto; } }
@media (min-width: 992px) {
.th-hero-slider__image {
width: 50%;
max-width: 510px; } }
@media (min-width: 1560px) {
.th-hero-slider__image {
margin-right: 20px; } }
.th-hero-slider__image img {
display: block;
width: 100%;
height: 100%;
object-fit: cover; }
.th-hero-slider__heading {
width: 80%;
margin-bottom: 16px;
font-size: 32px;
line-height: 1.11;
color: #000000; }
@media (min-width: 992px) {
.th-hero-slider__heading {
font-size: 60px; } }
@media (min-width: 1200px) {
.th-hero-slider__heading {
margin-bottom: 48px;
font-size: 72px; } }
@media (min-width: 1560px) {
.th-hero-slider__heading {
font-size: 90px; } }
.th-hero-slider__text {
max-width: 316px;
margin-bottom: 20px;
font-size: 16px;
line-height: 1.6;
color: #000000; }
@media (min-width: 576px) {
.th-hero-slider__text {
color: #666666; } }
@media (min-width: 992px) {
.th-hero-slider__text {
margin-bottom: 40px;
font-size: 20px; } }
@media (min-width: 1200px) {
.th-hero-slider__text {
margin-bottom: 80px; } }
.th-hero-slider__circle {
position: absolute;
right: 0;
bottom: 0;
width: 144px;
height: 144px; }
@media (min-width: 576px) {
.th-hero-slider__circle {
top: 20%;
right: auto;
bottom: auto;
left: 0;
transform: translateX(-33%); } }
@media (min-width: 1200px) {
.th-hero-slider__circle {
top: 135px;
width: 280px;
height: 280px; } }
@media (min-width: 1200px) {
.th-hero-slider__circle {
transform: translateX(-61%); } }
.th-hero-slider__circle img {
display: block;
width: 100%;
height: auto; }
.th-hero-slider__nav {
position: absolute;
top: 20px;
right: 10px;
z-index: 1; }
@media (min-width: 576px) {
.th-hero-slider__nav {
top: auto;
right: auto;
bottom: 10px;
left: 10px; } }
@media (min-width: 768px) {
.th-hero-slider__nav {
bottom: 15px; } }
@media (min-width: 992px) {
.th-hero-slider__nav {
bottom: 34px; } }
@media (min-width: 992px) {
.th-hero-slider__nav {
bottom: 42px; } }
.th-hero-slider__nav-btn {
padding: 0;
cursor: pointer;
background-color: transparent;
border: none; }
@media (min-width: 1200px) {
.th-hero-slider__nav-btn + .th-hero-slider__nav-btn {
margin-left: 36px; } }
.th-hero-slider__nav-btn:hover, .th-hero-slider__nav-btn:focus {
outline: none; }
@media (min-width: 768px) {
.th-hero-slider__inner .th-hero-slider__pagination {
position: absolute;
left: 120px;
width: 360px;
margin: 0;
transform: translateY(-100%); } }
@media (min-width: 992px) {
.th-hero-slider__inner .th-hero-slider__pagination {
left: 170px;
transform: translateY(-120%); } }
@media (min-width: 1200px) {
.th-hero-slider__inner .th-hero-slider__pagination {
width: 480px; } }
@media (min-width: 1560px) {
.th-hero-slider__inner .th-hero-slider__pagination {
left: 250px;
width: 580px; } }
.th-hero-slider__thumb {
max-width: 120px;
box-sizing: border-box;
padding: 15px;
font-size: 12px;
line-height: 1.7;
color: #999999;
text-transform: uppercase;
cursor: pointer; }
.th-hero-slider__thumb.swiper-slide-thumb-active {
color: #000000; }
@media (min-width: 768px) {
.th-hero-slider__thumb {
padding-left: 0; } }
@media (min-width: 992px) {
.th-hero-slider__thumb {
font-size: 14px; } }
@media (min-width: 1200px) {
.th-hero-slider__pagination .th-hero-slider__thumb {
width: 33.33%;
max-width: none;
font-size: 16px; } } .filter--technical .filter__item {
position: relative;
font-weight: 400;
z-index: 1; }
.filter--technical .filter__item::before {
content: "";
position: absolute;
bottom: -40%;
left: 0;
display: block;
width: 100%;
height: 14px;
background-color: #ffdf91;
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1; }
.filter--technical .filter__item:hover, .filter--technical .filter__item:focus {
color: #000000; }
.filter--technical .filter__item:hover::before, .filter--technical .filter__item:focus::before {
opacity: 1; }
.filter--technical .filter__item--active {
font-weight: 700;
color: #000000; }
.filter--technical .filter__item--active::before {
opacity: 1; }
.filter__item {
appearance: none;
padding: 0;
margin-right: 20px;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
cursor: pointer;
background-color: transparent;
border: none;
transition: color 0.3s ease; }
@media (min-width: 1200px) {
.filter__item {
margin-right: 32px;
font-size: 16px; } }
.filter__item:last-child {
margin-right: 0; }
.filter__item:hover, .filter__item:focus {
color: #ff4800;
outline: none; }
.filter__item--active {
color: #ff4800; } @media (min-width: 1560px) {
.works__inner {
max-width: 1550px; } }
@media (min-width: 1560px) {
.works__inner--width-large {
max-width: 1830px; } }
.works__header {
max-width: 1520px;
margin: 0 auto 30px; }
@media (min-width: 768px) {
.works__header {
display: flex;
flex-wrap: wrap; } }
@media (min-width: 992px) {
.works__header {
margin-bottom: 50px; } }
@media (min-width: 1200px) {
.works__header {
margin-bottom: 62px; } }
.works__filter {
margin-right: auto; }
.works__sort {
margin-top: 20px; }
@media (min-width: 768px) {
.works__sort {
margin: 0 0 0 20px; } }
.works__list {
padding: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none; }
.works__list--masonry {
margin-right: -15px;
margin-left: -15px; }
.works__list--masonry .works__item {
padding: 0 15px;
margin-bottom: 28px; }
@media (min-width: 576px) {
.works__list--masonry .works__item {
width: 50%; } }
@media (min-width: 768px) {
.works__list--masonry .works__item {
width: 33.33%; } }
@media (min-width: 1200px) {
.works__list--masonry .works__item {
width: 25%; } }
.works__list--masonry .works__item--long {
grid-row: auto / span 2;
order: 2; }
@media (min-width: 1200px) {
.works__list--masonry .works__item--long {
order: 0; } }
.works__list--masonry .works__item--short {
order: 1; }
@media (min-width: 1200px) {
.works__list--masonry .works__item--short {
order: 0; } }
.works__list--masonry .works__item.work-card--compact {
margin-bottom: 30px; }
.works__item {
margin-bottom: 40px; }
.works__item.work-card--compact {
margin: 0; }
@media (min-width: 1200px) {
.works__item {
margin-bottom: 75px; } }
.works__more {
margin: 120px auto 0; }
.works--parallax .slide-counter-2 {
position: absolute;
top: 0;
left: 0;
display: inline-flex;
width: auto;
min-width: 24px;
height: 58px;
padding: 15px;
font-size: 18px;
color: #ffffff;
text-align: center;
background-color: rgba(0, 0, 0, 0.15);
border-bottom-right-radius: 5px;
z-index: 2; }
@media (min-width: 1700px) {
.works--parallax .slide-counter-2 {
top: -7px;
left: -8px;
height: auto;
padding: 0;
color: #999999;
flex-direction: column;
background-color: transparent; } }
.works--parallax .slide-counter-2 .swiper-pagination-current {
position: relative;
padding-right: 10px;
margin-right: 10px;
color: #ffffff;
border-right: 1px solid #999999; }
@media (min-width: 1700px) {
.works--parallax .slide-counter-2 .swiper-pagination-current {
padding-right: 0;
padding-bottom: 10px;
margin-right: 0;
margin-bottom: 10px;
color: #ff4800;
border-right: none;
border-bottom: 1px solid #999999; } }
.works--parallax .works-arrow {
position: absolute;
bottom: 7px;
display: flex;
align-items: center;
justify-content: center;
width: 34px;
height: 34px;
padding: 0;
cursor: pointer;
background-color: rgba(0, 0, 0, 0.25);
border: 1px solid #ffffff;
transition: border-color 0.3s ease;
z-index: 3; }
@media (min-width: 992px) {
.works--parallax .works-arrow:hover:not(.swiper-button-disabled) {
border-color: #ff4800; }
.works--parallax .works-arrow:hover:not(.swiper-button-disabled) svg {
fill: #ff4800; } }
@media (min-width: 992px) and (min-width: 1700px) {
.works--parallax .works-arrow:hover:not(.swiper-button-disabled) {
border-color: #ffffff; } }
@media (min-width: 1700px) {
.works--parallax .works-arrow {
left: -7px;
width: 24px;
height: 24px;
background-color: #ffffff; } }
.works--parallax .works-arrow.swiper-button-disabled svg {
fill: #cccccc; }
@media (min-width: 1700px) {
.works--parallax .works-arrow.swiper-button-disabled svg {
fill: #999999; } }
.works--parallax .works-arrow svg {
width: 60%;
height: 60%;
transition: fill 0.3s ease;
fill: #ffffff; }
@media (min-width: 1700px) {
.works--parallax .works-arrow svg {
width: 100%;
height: 100%;
fill: #000000; } }
.works--parallax .works-arrow--prev {
left: calc(50% - 44px); }
@media (min-width: 1700px) {
.works--parallax .works-arrow--prev {
bottom: 80px;
left: -7px; } }
.works--parallax .works-arrow--prev svg {
transform: rotate(180deg); }
.works--parallax .works-arrow--next {
right: calc(50% - 44px); }
@media (min-width: 1700px) {
.works--parallax .works-arrow--next {
bottom: 0; } }
.works--parallax .works-arrow--next::before {
content: "";
position: absolute;
top: -30px;
left: 0;
display: none;
width: 100%;
height: 1px;
background-color: #999999; }
@media (min-width: 1700px) {
.works--parallax .works-arrow--next::before {
display: block; } }
.works--parallax .slide__content {
position: absolute;
top: 0;
right: 0;
max-width: 50%;
min-height: 60px;
box-sizing: border-box;
padding: 16px 24px;
background-color: #ffffff; }
.works--parallax .slide__content:hover {
background-color: #ff4800; }
@media (min-width: 576px) {
.works--parallax .slide__content {
top: unset;
right: unset;
bottom: -1px;
left: -1px;
max-width: 100%;
height: auto;
padding: 24px 32px; } }
@media (min-width: 768px) {
.works--parallax .slide__content {
padding: 48px 48px 43px; } }
@media (min-width: 1560px) {
.works--parallax .slide__content {
padding: 67px 63px 43px; } }
.works--parallax .slide-content__heading {
font-size: 20px;
font-weight: 600; }
@media (min-width: 768px) {
.works--parallax .slide-content__heading {
font-size: 30px; } }
@media (min-width: 1560px) {
.works--parallax .slide-content__heading {
font-size: 40px; } }
.works--parallax .slide-content__detail {
font-size: 16px;
color: #666666;
letter-spacing: 0.4px; }
.works--parallax .slider__item img {
width: 100%;
height: 100%;
object-fit: cover; }
.works--parallax .works__slider-wrapper {
position: relative;
width: 100%;
max-width: 1434px;
margin: 0 auto; }
@media (min-width: 1560px) {
.works--parallax .works__slider-wrapper {
max-width: 1257px; } }
@media (min-width: 1700px) {
.works--parallax .works__slider-wrapper {
max-width: 96%;
margin: 0 58px; } }
.works--parallax .works__slider {
max-width: 1434px;
height: 46vh; }
@media (min-width: 768px) {
.works--parallax .works__slider {
height: 65.4375vh; } }
.works--parallax .works__all {
position: absolute;
bottom: -40px;
left: 50%;
font-size: 18px;
color: #000000;
text-decoration: underline;
text-transform: uppercase;
letter-spacing: 1.08px;
transform: translateX(-50%); }
@media (min-width: 992px) {
.works--parallax .works__all {
bottom: -30px; }
.works--parallax .works__all:hover {
text-decoration: none; } }
@media (min-width: 1200px) and (min-height: 500px) {
.works--parallax .works__all {
bottom: -40px; } }
@media (min-width: 1200px) and (min-height: 960px) {
.works--parallax .works__all {
bottom: -76px; } }
.works-page {
padding: 40px 0; }
@media (min-width: 1200px) {
.works-page {
padding: 110px 0 170px; } }
@media (min-width: 1560px) {
.works-page__inner {
max-width: 1550px; } }
.works-page__header {
margin-bottom: 40px; }
@media (min-width: 992px) {
.works-page__header {
margin-bottom: 80px; } }
@media (min-width: 1200px) {
.works-page__header {
margin-bottom: 100px; } }
.works-page__heading {
margin: 0 0 20px;
font-weight: 400; }
.works-page__inner .works-page__heading {
margin: 0 0 20px;
font-weight: 400; }
@media (min-width: 992px) {
.works-page__heading {
max-width: 700px; }
.works-page__inner .works-page__heading {
max-width: 700px; } }
@media (min-width: 1200px) {
.works-page__heading {
max-width: 860px;
margin-bottom: 50px; }
.works-page__inner .works-page__heading {
max-width: 860px;
margin-bottom: 50px; } }
.works-page__text {
font-size: 16px;
line-height: 1.66;
color: #666666; }
@media (min-width: 992px) {
.works-page__text {
max-width: 795px; } }
@media (min-width: 1200px) {
.works-page__text {
font-size: 18px; } }
.works-page__text p {
margin: 0; }
.works-page__text p + p {
margin-top: 16px; }
.works-page--grid {
padding-bottom: 0; }
@media (min-width: 1200px) {
.works-page--grid {
padding: 78px 0 0; }
.page-builder-custom-text-editor-content-wrap .works-page--grid {
padding: 0px 0 0; } }
.works-page--grid .row {
margin: 0; }
.works-page--grid .works__list {
width: calc(100% + 8px);
margin-left: -4px; }
.works-page--grid .work-card {
width: 100%;
margin-bottom: -4px; }
@media (min-width: 768px) {
.works-page--grid .work-card {
width: calc(50% + 2px); }
.works-page--grid .work-card:nth-child(even) {
margin-left: -4px; } }
.works-page--grid .works__header {
max-width: 1200px;
padding: 0 15px;
margin-bottom: 73px; }
.works-page--grid .works-page__inner {
max-width: 1200px; }
.webpage--technical-drawing .works-page--grid .works-page__inner {
max-width: 1200px; }
.works-page--grid .works-page__inner--wide {
max-width: 100%;
padding: 0;
margin: 0; } .more-btn {
display: flex;
justify-content: center;
width: 130px;
height: 130px;
border: solid 1px #cccccc;
border-radius: 50%;
transition: border-color 0.3s ease; }
.more-btn:hover, .more-btn:focus {
border-color: #ff4800;
outline: none; }
.more-btn:hover .more-btn__text, .more-btn:focus .more-btn__text {
color: #ff4800; }
.more-btn__text {
font-size: 16px;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: color 0.3s ease;
align-self: center; } .sort {
display: flex;
align-items: baseline; }
.sort__hint {
margin-right: 20px;
margin-bottom: 0;
font-size: 14px;
line-height: 1;
color: #999999;
text-transform: uppercase;
letter-spacing: 0.05em;
align-self: center; }
@media (min-width: 1200px) {
.sort__hint {
font-size: 16px; } }
.sort__select {
appearance: none;
padding: 0 24px 0 0;
font-size: 14px;
line-height: 1;
color: #000000;
text-align: right;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath d='M32 48.1c-1.3 0-2.4-.5-3.5-1.3L.8 20.7C-.3 19.6-.3 18 .8 17c1.1-1.1 2.7-1.1 3.7 0L32 42.8l27.5-26.1c1.1-1.1 2.7-1.1 3.7 0 1.1 1.1 1.1 2.7 0 3.7L35.5 46.5c-1.1 1.4-2.2 1.6-3.5 1.6z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: right 0 top 50%;
background-size: 12px 12px;
border: none;
align-self: center; }
@media (min-width: 1200px) {
.sort__select {
font-size: 16px; } }
.sort__select::-ms-expand {
display: none; } .webpage__an-awards {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__an-awards {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__an-awards {
margin-bottom: 165px; } }
.webpage__our-story {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__our-story {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__our-story {
margin-bottom: 165px; } }
.webpage__type-service {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__type-service {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__type-service {
margin-bottom: 172px; } }
.webpage__latest-projects {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__latest-projects {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__latest-projects {
margin-bottom: 67px; } }
.webpage__review {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__review {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__review {
margin-bottom: 185px; } }
.webpage__review + .webpage__partners {
padding-bottom: 60px;
margin-bottom: 0; }
@media (min-width: 768px) {
.webpage__review + .webpage__partners {
padding-bottom: 100px;
margin-bottom: 0; } }
@media (min-width: 1200px) {
.webpage__review + .webpage__partners {
padding-bottom: 143px;
margin-bottom: 0; } }
.webpage__rewards {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__rewards {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__rewards {
margin-bottom: 128px; } }
.webpage__partners {
margin-bottom: 60px; }
@media (min-width: 768px) {
.webpage__partners {
margin-bottom: 100px; } }
@media (min-width: 1200px) {
.webpage__partners {
margin-bottom: 143px; } }
.webpage__article-list {
padding-bottom: 100px; }
@media (min-width: 768px) {
.webpage__article-list {
padding-bottom: 150px; } }
@media (min-width: 1200px) {
.webpage__article-list {
padding-bottom: 212px; } }
.webpage__hero-banner {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.webpage__hero-banner {
margin-bottom: 150px; } }
.webpage__latest-articles {
margin-bottom: 60px; }
.webpage__instagram-block {
padding-bottom: 60px; }
@media (min-width: 1200px) {
.webpage__instagram-block {
padding-bottom: 196px; } }
.works_grid_2 .work-card__image {
max-height: 566px;
overflow: hidden; }
.works_listing .works__item {
overflow: hidden; }
.works-carousel-2 .slider__item {
height: 650px;
overflow: hidden; }
.elementor-widget-tm-image-gallery .one_column {
width: 100%; }
.elementor-widget-tm-image-gallery .two_column {
width: 50%; }
.elementor-widget-tm-image-gallery .three_column {
width: 33.333%; }
.elementor-widget-tm-image-gallery .four_column {
width: 25%; }
.elementor-widget-tm-image-gallery .five_column {
width: 20%; }
.intro__card-title {
margin-top: 30px;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
color: #000000;
text-align: center;
text-transform: uppercase; }
.intro__card-title a {
color: #000000; }
.intro__card-title a:hover, .intro__card-title a:focus {
text-decoration: underline;
outline: none; }
.intro__card-title a:active {
opacity: 0.7; } .review {
overflow: hidden; }
@media (min-width: 1200px) {
.review__content {
margin-bottom: 60px; } }
.review__content::before {
content: "";
display: block;
width: 50px;
height: 38px;
margin-bottom: 16px;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/quotation.png);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 100% auto; }
@media (min-width: 992px) {
.review__content::before {
width: 64px;
height: 48px;
margin-bottom: 24px; } }
@media (min-width: 1200px) {
.review__content::before {
width: 78px;
height: 58px;
margin-bottom: 46px; } }
.review__image {
position: relative;
min-height: 300px;
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
@media (min-width: 450px) {
.review__image {
min-height: 500px; } }
.review__image-author {
position: absolute;
overflow: hidden;
border-radius: 50%; }
.review__image-author img {
display: block;
width: 100%;
height: auto; }
.review__image-author--one {
top: 0.2%;
left: 58.2%;
width: 28.94%; }
.review__image-author--two {
top: 45.5%;
left: 67%;
width: 17.89%; }
.review__image-author--three {
top: 45.5%;
left: 30.4%;
width: 21.93%; }
.review__image-author--four {
top: 30%;
left: 5%;
width: 14.73%; }
.review__image-author--five {
top: 72.4%;
left: 17%;
width: 13.15%; }
.review__image-author--six {
top: 78.5%;
right: 33%;
width: 10.52%; }
@media (min-width: 1200px) {
.review__image-author--six {
top: 69.5%;
right: 0; } }
.review__image img {
max-width: 100%;
height: auto; }
@media (min-width: 1200px) {
.review__image img {
max-width: none; } }
.review__text {
margin-bottom: 24px;
font-size: 16px;
font-weight: 300;
line-height: 1.53;
color: #000000; }
@media (min-width: 992px) {
.review__text {
margin-bottom: 36px;
font-size: 24px; } }
@media (min-width: 1200px) {
.review__text {
padding-right: 10px;
margin-bottom: 60px;
font-size: 30px; } }
.review__author-name {
margin-bottom: 8px;
font-size: 14px;
line-height: 1;
color: #000000; }
@media (min-width: 992px) {
.review__author-name {
margin-bottom: 12px;
font-size: 18px; } }
@media (min-width: 1200px) {
.review__author-name {
margin-bottom: 16px;
font-size: 22px; } }
.review__author-detail {
font-size: 12px;
line-height: 1;
color: #999999; }
@media (min-width: 992px) {
.review__author-detail {
font-size: 14px; } }
.review__author-detail span {
color: #000000; }
.review--parallax {
background-color: #ffffff; }
.review--parallax .review__image {
height: 85vw;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/img/review-shapes-2.png);
background-repeat: no-repeat;
background-position: center;
background-size: contain; }
@media (min-width: 768px) {
.review--parallax .review__image {
height: 35vw; } }
@media (min-width: 1560px) {
.review--parallax .review__image {
transform: translateX(-90px); } }
.review--parallax .review__content {
padding-top: 41px; }
.review--parallax .review__text {
font-weight: 400; }
.review--parallax .review__image-author--one {
top: 2.2%;
left: 47.2%;
width: 24%; }
.review--parallax .review__image-author--two {
top: 47.5%;
left: 54.4%;
width: 14.6%; }
.review--parallax .review__image-author--three {
top: 47.5%;
left: 24.8%;
width: 17.93%; }
.review--parallax .review__image-author--four {
top: 32%;
left: 4%;
width: 12%; }
.review--parallax .review__image-author--five {
top: 74.4%;
left: 13.6%;
width: 11.1%; }
.review--parallax .review__image-author--six {
top: 71.5%;
right: 16%;
width: 8.52%; } @media (min-width: 768px) {
.twitter-block--small .twitter-block__wrapper {
padding: 40px; } }
@media (min-width: 992px) {
.twitter-block--small .twitter-block__wrapper {
padding: 40px; } }
@media (min-width: 1200px) {
.twitter-block--small .twitter-block__wrapper {
padding: 65px 57px 65px 70px; } }
.twitter-block--small .twitter-block__text {
font-size: 14px;
font-style: italic;
line-height: 1.33;
color: #000000; }
@media (min-width: 576px) {
.twitter-block--small .twitter-block__text {
font-size: 20px; } }
@media (min-width: 992px) {
.twitter-block--small .twitter-block__text {
font-size: 20px; } }
@media (min-width: 1200px) {
.twitter-block--small .twitter-block__text {
font-size: 30px; } }
.twitter-block--sidebar {
max-width: 100%; }
@media (min-width: 992px) {
.twitter-block--sidebar {
max-width: 300px; } }
.twitter-block--sidebar .twitter-block__wrapper {
padding: 30px !important; }
.twitter-block--sidebar .twitter-block__header {
margin-bottom: 32px !important; }
.twitter-block--sidebar .twitter-block__author-image {
width: 45px !important;
height: 45px !important; }
.twitter-block--sidebar .twitter-block__author-meta, .twitter-block--sidebar .twitter-block__author-name {
font-size: 16px !important; }
.twitter-block--sidebar .twitter-block__author-info {
font-size: 12px !important; }
.twitter-block--sidebar .twitter-block__text {
margin-bottom: 30px;
font-size: 18px !important; }
.twitter-block--sidebar .twitter-block__social svg {
width: 24px !important; }
.twitter-block--sidebar time {
font-size: 12px !important; }
.twitter-block--technical .twitter-block__wrapper {
padding: 0;
border: none; }
.twitter-block__heading {
margin-bottom: 40px;
font-weight: 400; }
@media (min-width: 1200px) {
.twitter-block__heading {
margin-bottom: 92px;
font-size: 60px;
line-height: 1;
letter-spacing: -0.025em; } }
.twitter-block__wrapper {
padding: 20px;
border: solid 1px #d6d6d6; }
@media (min-width: 576px) {
.twitter-block__wrapper {
padding: 40px; } }
@media (min-width: 768px) {
.twitter-block__wrapper {
padding: 60px; } }
@media (min-width: 992px) {
.twitter-block__wrapper {
padding: 80px; } }
@media (min-width: 1200px) {
.twitter-block__wrapper {
padding: 93px 170px 105px; } }
.twitter-block__header {
display: flex;
justify-content: space-between;
margin-bottom: 20px; }
@media (min-width: 576px) {
.twitter-block__header {
margin-bottom: 40px; } }
@media (min-width: 992px) {
.twitter-block__header {
margin-bottom: 53px; } }
.twitter-block__author {
display: flex; }
.twitter-block__author-image {
width: 40px;
height: 40px;
margin-right: 12px;
overflow: hidden;
border-radius: 50%;
align-self: center; }
@media (min-width: 576px) {
.twitter-block__author-image {
width: 60px;
height: 60px;
margin-right: 20px; } }
.twitter-block__author-image img {
display: block;
width: 100%;
height: auto; }
.twitter-block__author-meta {
font-size: 14px;
line-height: 1;
color: #000000;
align-self: center; }
.twitter-block__author-name {
margin-bottom: 6px; }
@media (min-width: 576px) {
.twitter-block__author-name {
font-size: 20px; } }
.twitter-block__author-info {
font-size: 12px;
color: #999999;
letter-spacing: 0.015em; }
@media (min-width: 576px) {
.twitter-block__author-info {
font-size: 16px; } }
.twitter-block__author-info a {
color: #999999;
transition: color 0.3s ease; }
.twitter-block__author-info a:hover, .twitter-block__author-info a:focus {
color: #00ccff;
outline: none; }
.twitter-block__author-info a:active {
opacity: 0.7; }
.twitter-block__social {
align-self: center; }
.twitter-block__social svg {
display: block;
width: 24px;
height: auto;
transition: fill 0.3s ease;
fill: #00ccff; }
@media (min-width: 576px) {
.twitter-block__social svg {
width: 34px; } }
.twitter-block__text {
font-size: 14px;
font-style: italic;
line-height: 1.64;
color: #000000; }
@media (min-width: 576px) {
.twitter-block__text {
font-size: 20px; } }
@media (min-width: 992px) {
.twitter-block__text {
font-size: 28px; } }
.twitter-block__text a {
color: #00ccff;
transition: color 0.3s ease; }
.twitter-block__text a:hover, .twitter-block__text a:focus {
color: #33d6ff;
outline: none; }
.twitter-block__text a:active {
opacity: 0.7; }
.twitter-block time {
font-size: 14px;
line-height: 1;
color: #999999;
letter-spacing: 0.015em; }
@media (min-width: 576px) {
.twitter-block time {
font-size: 16px; } }
.webpage--beige .twitter-block__wrapper {
border-color: #aeab98; } .testimonials__header {
display: flex;
align-items: center;
justify-content: space-between;
margin-bottom: 40px;
flex-wrap: wrap; }
@media (min-width: 1200px) {
.testimonials__header {
margin-bottom: 78px; } }
.testimonials__header .testimonials__heading {
font-weight: 400; }
.testimonials__nav {
position: absolute;
top: -130px;
right: 0;
display: flex;
margin-left: 20px; }
.testimonials__nav-btn {
width: 18px;
height: 32px;
appearance: none;
padding: 0;
overflow: hidden;
cursor: pointer;
background-color: transparent;
border: none; }
@media (min-width: 1200px) {
.testimonials__nav-btn {
width: 20px;
height: 36px; } }
.testimonials__nav-btn + .testimonials__nav-btn {
margin-left: 12px; }
@media (min-width: 1200px) {
.testimonials__nav-btn + .testimonials__nav-btn {
margin-left: 50px; } }
.testimonials__nav-btn svg {
position: relative;
left: 50%;
display: block;
width: auto;
height: 100%;
transition: fill 0.3s ease;
transform: translateX(-50%); }
.testimonials__nav-btn:hover, .testimonials__nav-btn:focus {
outline: none; }
.testimonials__nav-btn:hover svg, .testimonials__nav-btn:focus svg {
fill: #ff4800; }
.testimonials__carousel .swiper-wrapper {
padding: 1px 0; }
.testimonials__item {
width: calc(100% - 2px);
box-sizing: border-box; }
@media (min-width: 992px) {
.about__testimonials .testimonials__item {
width: calc(50% - 31px);
min-width: 529px; } }
.testimonials + .partners {
margin-top: 60px; }
@media (min-width: 1200px) {
.testimonials + .partners {
margin-top: 120px; } }
.webpage--beige .testimonials--simple .testimonials__heading {
font-family: "Cinzel", "Georgia", serif;
text-transform: uppercase; }
.th-testimonials__inner {
padding: 40px; }
@media (min-width: 1200px) {
.th-testimonials__inner {
padding: 120px 80px; } }
@media (min-width: 1560px) {
.th-testimonials__inner {
padding: 120px 110px; } }
.th-testimonials__heading {
margin-bottom: 32px;
font-weight: 400; }
@media (min-width: 1200px) {
.th-testimonials__heading {
margin-bottom: 72px; } }
.th-testimonials__slider .swiper-pagination {
position: static;
display: flex;
align-items: center;
margin-top: 60px; }
.th-testimonials__slider .swiper-pagination .swiper-pagination-bullet {
position: relative;
width: 25px;
height: 25px;
background-color: transparent;
border: solid 1px transparent;
opacity: 1; }
.th-testimonials__slider .swiper-pagination .swiper-pagination-bullet::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
background-color: #cccccc;
border-radius: 50%;
transform: translateY(-50%) translateX(-50%); }
.th-testimonials__slider .swiper-pagination .swiper-pagination-bullet-active {
border-color: #ffdf91; }
.th-testimonials__slider .swiper-pagination .swiper-pagination-bullet-active::before {
background-color: #ffdf91; }
.elementor-widget-tm-rewards {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important; } .reward {
padding: 32px 0; }
@media (min-width: 768px) {
.reward {
display: flex; } }
@media (min-width: 1200px) {
.reward {
padding: 54px 0; } }
.reward__date {
display: inline-block;
margin-bottom: 20px;
font-size: 16px;
line-height: 1;
color: #999999;
vertical-align: top; }
@media (min-width: 768px) {
.reward__date {
width: 38px;
margin: 18px 40px 0 0; } }
@media (min-width: 1200px) {
.reward__date {
margin: 12px 58px 0 0; } }
.reward__logo {
margin-bottom: 20px; }
@media (min-width: 768px) {
.reward__logo {
width: 150px;
margin: 10px 50px 0 0;
text-align: center;
flex-shrink: 0; } }
@media (min-width: 1200px) {
.reward__logo {
margin: 5px 126px 0 0; } }
.reward__logo img {
max-width: 100%; }
.reward__content {
width: 100%; }
@media (min-width: 768px) {
.reward__content {
width: auto;
flex-grow: 1; } }
@media (min-width: 992px) {
.reward__project {
display: flex; } }
.reward__project + .reward__project {
margin-top: 20px; }
@media (min-width: 1200px) {
.reward__project + .reward__project {
margin-top: 32px; } }
.reward__project-wrap {
margin-bottom: 20px; }
@media (min-width: 992px) {
.reward__project-wrap {
margin-right: auto;
margin-bottom: 0; } }
.reward__project-name {
font-size: 24px;
line-height: 1.33;
color: #000000;
letter-spacing: -0.025em; }
@media (min-width: 1200px) {
.reward__project-name {
margin-bottom: 8px; } }
.reward__project-name a {
color: #000000; }
.reward__project-name a:hover, .reward__project-name a:focus {
text-decoration: underline;
outline: none; }
.reward__project-name a:active {
opacity: 0.7; }
.reward__project-text {
font-size: 16px;
line-height: 1.33;
color: #999999; }
.reward__project-link {
display: inline-block;
font-size: 14px;
line-height: 1;
color: #666666;
text-transform: uppercase;
letter-spacing: 0.025em;
vertical-align: top;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.reward__project-link {
margin-top: 8px;
margin-left: 20px;
flex-shrink: 0; } }
.reward__project-link:hover, .reward__project-link:focus {
color: #ff4800;
outline: none; }
.reward__project-link:active {
opacity: 0.7; }
.webpage--modern .reward__project-link:hover, .webpage--modern .reward__project-link:focus {
color: #cee100; }
.webpage--beige .reward__project-name a {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; }
.webpage--beige .reward__project-link {
color: #999999; }
.webpage--beige .reward__project-link:hover, .webpage--beige .reward__project-link:focus {
color: #e6da89; } .instagram-block__title {
display: flex;
align-items: center;
justify-content: center;
margin: 0 0 32px;
font-size: 24px;
font-weight: 700;
line-height: 1;
color: #000000; }
@media (min-width: 768px) {
.instagram-block__title {
margin-bottom: 64px; } }
.instagram-block__icon {
margin-right: 16px; }
@media (min-width: 576px) {
.instagram-block__list {
display: flex;
flex-wrap: wrap; } }
.instagram-block a {
position: relative;
display: block; }
@media (min-width: 576px) {
.instagram-block a {
width: 50%; } }
@media (min-width: 768px) {
.instagram-block a {
width: 33.33%; } }
@media (min-width: 992px) {
.instagram-block a {
width: 25%; } }
@media (min-width: 1200px) {
.instagram-block a {
width: 20%; } }
.instagram-block a::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.3);
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64'%3e%3cpath fill='%23ffffff' d='M32 16.9c-8.3 0-15 6.8-15 15.1s6.7 15.1 15 15.1S47 40.3 47 32s-6.7-15.1-15-15.1zm0 25.2c-5.5 0-10-4.5-10-10.1s4.5-10.1 10-10.1S42 26.4 42 32s-4.5 10.1-10 10.1zM47 10c-2.8 0-5 2.3-5 5s2.2 5 5 5 5-2.3 5-5-2.2-5-5-5z'/%3e%3cpath fill='%23ffffff' d='M48 0H16C7.2 0 0 7.2 0 16v31.7C0 56.7 7.3 64 16.3 64h31.5C56.7 64 64 56.7 64 47.7V16c0-8.8-7.2-16-16-16zm11 47.7C59 53.9 54 59 47.8 59H16.3C10.1 59 5 54 5 47.8V16C5 9.9 9.9 5 16 5h32c6.1 0 11 4.9 11 11v31.7z'/%3e%3c/svg%3e");
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: 32px 32px;
opacity: 0;
transition: opacity 0.3s ease; }
.instagram-block a:hover, .instagram-block a:focus {
outline: none; }
.instagram-block a:hover::before, .instagram-block a:focus::before {
opacity: 1; }
.instagram-block a img {
display: block;
width: 100%;
height: auto; }
.elementor-widget-tm-custom-link-image {
margin-top: 50px; }
.elementor-widget-tm-custom-link-image > a {
display: block;
transition: opacity 0.3s ease; }
.elementor-widget-tm-custom-link-image > a:hover, .elementor-widget-tm-custom-link-image > a:focus {
outline: none;
opacity: 0.7; }
.elementor-widget-tm-custom-link-image img {
display: block;
width: 100%;
height: auto;
transition: all .3s ease-in-out; }
.elementor-widget-tm-custom-link-image {
margin-top: 30px;
font-size: 16px;
font-weight: 400;
line-height: 1.25;
color: #000000;
text-align: center;
text-transform: uppercase; }
.elementor-widget-tm-custom-link-image a {
color: #000000; }
.elementor-widget-tm-custom-link-image a:hover, .elementor-widget-tm-custom-link-image a:focus {
text-decoration: underline;
outline: none; }
.elementor-widget-tm-custom-link-image a:hover img, .elementor-widget-tm-custom-link-image a:focus img {
opacity: 0.7; }
.elementor-widget-tm-custom-link-image a:active {
opacity: 0.7; }
.elementor-widget-tm-custom-single-image .our-story__mask img, .elementor-widget-tm-custom-single-image .an-awards__mask img {
width: unset !important;
max-width: unset !important;
height: 100% !important; }
.elementor-widget-tm-custom-single-image .an-awards__image--mb-negative .an-awards__mask img {
float: right;
width: 100% !important;
height: auto !important; }
.an-awards__image-inner {
position: relative;
width: fit-content; }
@media (max-width: 1600px) {
.our-story__intro.our-story__intro_with_text {
margin-left: 150px; } }
@media (max-width: 1024px) {
.our-story__intro.our-story__intro_with_text {
margin-left: 0px; } }
.an-awards__mask {
position: absolute;
top: 1%;
left: 4.8%;
width: 88.66%;
height: 97.297%; }
.an-awards__mask img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask.png);
mask-repeat: round;
-webkit-mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask.png);
-webkit-mask-repeat: round; }
.an-awards__mask--door {
top: 3.7%;
right: 0;
left: auto;
width: 85.61%;
height: 85.456%; }
.an-awards__mask--door img {
mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask3.png);
-webkit-mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask3.png); }
.an-awards__mask--about {
top: 1%;
left: 4.8%;
width: 88.66%;
height: 97.297%; }
.an-awards__mask--about img {
mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask3.png);
-webkit-mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask3.png); }
.our-story__mask {
position: absolute;
top: 0.25%;
left: 4.11%;
width: 95.88%;
height: 99.35%;
z-index: 1; }
.our-story__mask img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask2.png);
mask-repeat: round;
-webkit-mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask2.png);
-webkit-mask-repeat: round; }
.our-story__image-inner {
position: relative;
width: 100%;
padding-bottom: 91.3%; }
.our-story__overlay {
position: absolute;
top: 0;
left: 0;
width: 90.8%;
height: 100%;
z-index: 2;
mix-blend-mode: multiply; }
.our-story__overlay img {
display: block;
width: 100%;
height: 100%; }
.our-story__intro-wrapper {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%);
z-index: 4; }
@media (min-width: 992px) {
.our-story__intro-wrapper {
bottom: 16.9%;
left: 14.1%;
transform: translateX(0); } }
@media (min-width: 768px) {
.an-awards__image--mb-negative {
margin-bottom: -63px; } }
@media (min-width: 992px) {
.an-awards__image--mb-negative {
margin-bottom: -97px; } }
.studio-hero__image-inner {
position: relative; }
.studio-hero__image-inner > img {
max-width: 100%;
height: auto; }
@media (min-width: 1560px) {
.studio-hero__image-inner {
width: max-content; }
.studio-hero__image-inner > img {
max-width: none; } }
.studio-hero__mask {
position: absolute;
top: 1%;
left: 4.8%;
width: 88.66%;
height: 97.297%; }
.studio-hero__mask img {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask.png);
mask-repeat: round;
-webkit-mask-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/mask.png);
-webkit-mask-repeat: round; }
.elementor-section-wrap .elementor-widget.elementor-widget-tm-button {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px; } .elementor-widget-tm-button .an-awards__buttons .btn {
display: inline-block;
padding: 16px 20px;
font-size: 16px;
line-height: 1;
color: #ffffff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
vertical-align: top;
cursor: pointer;
background-color: #ff4800;
border: solid 1px #ff4800;
border-radius: 5px;
transition: all 0.3s ease; }
.btn {
white-space: normal; }
@media (min-width: 1200px) {
.elementor-widget-tm-button .an-awards__buttons .btn {
padding: 20px 32px; } }
.elementor-widget-tm-button .an-awards__buttons .btn:hover, .elementor-widget-tm-button .an-awards__buttons .btn:focus {
color: #ffffff;
outline: none;
box-shadow: none;
opacity: .8; }
.elementor-widget-tm-button .an-awards__buttons .btn:active {
box-shadow: none;
opacity: 0.7; }
.elementor-widget-tm-button .our-story__buttons .btn--outline {
color: #ff4800;
background-color: transparent;
border-color: #ff4800;
transition: background-color 0.3s ease, color 0.3s ease; }
.elementor-widget-tm-button .our-story__buttons .btn--outline:hover, .elementor-widget-tm-button .our-story__buttons .btn--outline:focus {
color: #ffffff;
background-color: #ff4800;
outline: none; }
.btn.btn--technical {
font-weight: 600;
color: #000000;
background-color: transparent;
border: solid 2px #000000;
border-radius: 0; }
.btn.btn--technical:hover, .btn.btn--technical:focus {
background-color: #ffdf91;
border-color: #ffdf91; }
.webpage--beige .elementor-widget-tm-button .an-awards__buttons .btn {
color: #000000;
background-color: #e6da89;
border-color: #e6da89; }
.webpage--beige .elementor-widget-tm-button .an-awards__buttons .btn:hover, .webpage--beige .elementor-widget-tm-button .an-awards__buttons .btn:focus {
background-color: #ddcd5f;
border-color: #ddcd5f; }
.webpage--modern .btn {
background-color: #cee100;
border: solid 1px #cee100; }
.webpage--modern .elementor-widget-tm-button .an-awards__buttons .btn:hover, .webpage--modern .elementor-widget-tm-button .an-awards__buttons .btn:focus {
background-color: #edff2f; }
.webpage--modern .elementor-widget-tm-button .our-story__buttons .btn--outline {
color: #cee100;
background-color: transparent;
border-color: #cee100; }
.webpage--modern .elementor-widget-tm-button .our-story__buttons .btn--outline:hover, .webpage--modern .elementor-widget-tm-button .our-story__buttons .btn--outline:focus {
color: #ffffff;
background-color: #cee100; } .btn {
display: inline-block;
padding: 16px 20px;
font-size: 16px;
line-height: 1;
color: #ffffff;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.05em;
vertical-align: top;
cursor: pointer;
background-color: #ff4800;
border: solid 1px #ff4800;
border-radius: 5px;
transition: background-color 0.3s ease; }
@media (min-width: 1200px) {
.btn {
padding: 20px 32px; } }
.btn:hover, .btn:focus {
color: #ffffff;
outline: none;
box-shadow: none;
opacity: .8; }
.btn:active {
box-shadow: none;
opacity: 0.7; }
.btn--outline {
color: #ff4800;
background-color: transparent;
border-color: #ff4800;
transition: background-color 0.3s ease, color 0.3s ease; }
.btn--outline:hover, .btn--outline:focus {
color: #ffffff;
background-color: #ff4800;
outline: none; }
.btn.btn--technical {
font-weight: 600;
color: #000000;
background-color: transparent;
border: solid 2px #000000;
border-radius: 0; }
.btn.btn--technical:hover, .btn.btn--technical:focus {
background-color: #ffdf91;
border-color: #ffdf91; }
.elementor-widget-tm-button .webpage--beige .webpage--beige-btn.btn {
color: #000000;
background-color: #e6da89;
border-color: #e6da89; }
.elementor-widget-tm-button .webpage--beige .webpage--beige-btn.btn:hover, .elementor-widget-tm-button .webpage--beige .webpage--beige-btn.btn:focus {
color: #000000;
background-color: #ddcd5f;
border-color: #ddcd5f; }
.webpage--modern .btn {
background-color: #cee100;
border: solid 1px #cee100; }
.webpage--modern .btn:hover, .webpage--modern .btn:focus {
background-color: #edff2f; }
.webpage--modern .btn--outline {
color: #cee100;
background-color: transparent;
border-color: #cee100; }
.webpage--modern .btn--outline:hover, .webpage--modern .btn--outline:focus {
color: #ffffff;
background-color: #cee100; }
.fl-vc-list-wrapper ul {
padding: 0;
margin: 0;
line-height: 1;
list-style: none; }
.fl-vc-list-wrapper ul li {
padding: 0;
margin: 0;
list-style: none; }
.fl-vc-list-wrapper.style-one ul li {
display: flex;
align-items: center;
margin-bottom: 13px;
color: #222222; }
.fl-vc-list-wrapper.style-one ul li span {
display: inline-flex;
float: left;
padding: 7px;
margin-right: 15px;
border: 1px solid #cde0ff;
border-radius: 100%; }
.fl-vc-list-wrapper.style-one ul li span i {
display: inline-flex;
font-size: 12px; }
.fl-vc-list-wrapper.style-two ul li {
display: flex;
align-items: center;
margin-bottom: 23px;
color: #222222; }
.fl-vc-list-wrapper.style-two ul li span {
margin-right: 15px; }
.fl-vc-list-wrapper.style-two ul li i {
display: inline-flex;
font-size: 18px; }
.fl-vc-list-wrapper.style-three ul li {
display: flex;
align-items: center;
margin-bottom: 23px;
color: #222222; }
.fl-vc-list-wrapper.style-three ul li span {
margin-right: 15px; }
.fl-vc-list-wrapper.style-three ul li i {
display: inline-flex;
font-size: 18px; }
.elementor-section-wrap .elementor-widget.elementor-widget-tm-custom-title {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px; } .heading {
margin: 0;
font-size: 32px;
font-weight: 300;
line-height: 1.18;
color: #000000;
letter-spacing: -0.025em; }
.heading--h1 {
font-size: 36px; }
.heading--upper {
text-transform: uppercase; }
@media (min-width: 576px) {
.heading {
font-size: 42px; }
.heading--h1 {
font-size: 48px; } }
@media (min-width: 1200px) {
.heading {
font-size: 54px; }
.heading--h1 {
font-size: 64px; } }
@media (min-width: 1200px) {
.webpage--technical-drawing .heading {
font-size: 60px; } } .an-awards {
padding-top: 40px;
overflow: hidden; }
@media (min-width: 1200px) {
.an-awards {
padding-top: 83px; } }
@media (min-width: 1200px) {
.an-awards--about .an-awards__notice {
padding-top: 71px; } }
@media (min-width: 1200px) {
.an-awards--about .an-awards__image {
padding-left: 120px;
margin-top: -20px; } }
.an-awards--different {
overflow: hidden; }
@media (min-width: 1200px) {
.an-awards--different {
padding-top: 155px; } }
@media (min-width: 1200px) {
.an-awards--different .an-awards__intro {
padding-top: 26px; } }
@media (min-width: 1560px) {
.an-awards--different .an-awards__intro {
transform: translateX(171px); } }
.an-awards--different .an-awards__text {
max-width: none;
font-size: 18px;
line-height: 1.5;
color: #999999; }
@media (min-width: 1200px) {
.an-awards--different .an-awards__text {
font-size: 24px; } }
@media (min-width: 1560px) {
.an-awards--different .an-awards__text {
margin-bottom: 107px; } }
.an-awards--different .an-awards__heading {
margin-bottom: 55px; }
.an-awards__intro {
margin-bottom: 20px; }
@media (min-width: 768px) {
.an-awards__intro {
margin-bottom: 0; } }
@media (min-width: 768px) {
.an-awards__image--mb-negative {
margin-bottom: -63px; } }
@media (min-width: 992px) {
.an-awards__image--mb-negative {
margin-bottom: -97px; } }
@media (min-width: 1560px) {
.an-awards__image {
width: 900px; } }
.an-awards__image img {
max-width: 100%;
height: auto; }
@media (min-width: 768px) {
.an-awards__content {
padding-right: 0; } }
@media (min-width: 1560px) {
.an-awards__content {
padding-top: 26px;
align-self: flex-start; } }
.an-awards__heading {
margin-bottom: 20px; }
.an-awards__heading--upper {
text-transform: uppercase; }
@media (min-width: 992px) {
.an-awards__heading {
max-width: 340px; } }
@media (min-width: 1200px) {
.an-awards__heading {
max-width: none; } }
@media (min-width: 1560px) {
.an-awards__heading {
margin-bottom: 22px; } }
.an-awards__text {
max-width: 340px;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.88;
color: #999999; }
@media (min-width: 1200px) {
.an-awards__text {
font-size: 18px; } }
@media (min-width: 1560px) {
.an-awards__text {
margin-bottom: 54px; } }
.an-awards__buttons {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap; }
@media (min-width: 1560px) {
.an-awards__buttons {
margin-bottom: 84px; } }
.an-awards__btn {
margin-right: 10px;
align-self: flex-start; }
@media (min-width: 1200px) {
.an-awards__btn {
margin-right: 27px; } }
.an-awards__notice {
max-width: 400px;
padding-top: 24px;
padding-right: 30px;
margin-bottom: 24px;
font-size: 14px;
line-height: 1.625;
color: #000000;
border-top: solid 1px #d6d6d6; }
@media (min-width: 1200px) {
.an-awards__notice {
font-size: 16px; } }
@media (min-width: 1560px) {
.an-awards__notice {
padding-top: 43px;
margin-bottom: 46px; } }
.an-awards--parallax {
position: relative;
background-repeat: no-repeat;
background-size: cover; }
.an-awards--parallax .scroll-wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.25); }
.an-awards--parallax .row {
margin: 0; }
@media (min-width: 768px) {
.an-awards--parallax .swiper-container {
padding-bottom: 0; } }
.an-awards--parallax .slide-counter {
position: absolute;
top: 0;
right: 0;
bottom: unset;
left: unset;
width: auto; }
.an-awards--parallax .slide-counter .swiper-pagination-current {
padding-right: 10px; }
.an-awards--parallax .slide-counter .swiper-pagination-total {
padding-left: 10px; }
.an-awards--parallax .arrow-square {
bottom: -60px;
cursor: pointer;
background-color: transparent; }
@media (min-width: 992px) {
.an-awards--parallax .arrow-square:hover {
border-color: #f5480c; }
.an-awards--parallax .arrow-square:hover svg {
fill: #f5480c; } }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square {
bottom: 0; } }
.an-awards--parallax .arrow-square svg {
fill: #ffffff; }
.an-awards--parallax .arrow-square--prev {
left: calc(50% - 50px); }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square--prev {
right: 72px;
left: unset; } }
.an-awards--parallax .arrow-square--next {
right: calc(50% - 50px); }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square--next {
right: 0; } }
.an-awards--parallax .an-awards__container {
position: relative; }
.an-awards--parallax .an-awards__outer {
width: 100%; }
.an-awards--parallax .an-awards__welcome {
max-width: 200px;
margin-bottom: 20px;
font-size: 18px;
line-height: 30px;
color: #ffffff; }
@media (min-width: 576px) {
.an-awards--parallax .an-awards__welcome {
max-width: 85%; } }
@media (min-width: 768px) {
.an-awards--parallax .an-awards__welcome {
margin-bottom: 32px; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__welcome {
margin-bottom: 72px; } }
.an-awards--parallax .an-awards__heading {
margin-bottom: 20px;
font-size: 36px;
font-weight: 600;
color: #ffffff;
text-transform: capitalize; }
.an-awards--parallax .an-awards__heading br {
display: none; }
@media (min-width: 992px) {
.an-awards--parallax .an-awards__heading {
max-width: 100%;
font-size: 48px; }
.an-awards--parallax .an-awards__heading br {
display: block; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__heading {
font-size: 64px;
line-height: 72px; } }
@media (min-width: 1560px) {
.an-awards--parallax .an-awards__heading {
margin-bottom: 32px; } }
.an-awards--parallax .an-awards__content {
padding: 0; }
.an-awards--parallax .an-awards__text {
max-width: 400px;
margin-bottom: 25px;
color: #ffffff; }
.an-awards--parallax .an-awards__text br {
display: none; }
@media (min-width: 992px) {
.an-awards--parallax .an-awards__text br {
display: none; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__text {
margin-bottom: 112px; } }
.an-awards--parallax .an-awards__buttons {
margin-bottom: 0; }
.an-awards--parallax .an-awards__buttons a {
padding: 20px 22px;
font-size: 16px;
font-weight: 600;
border-radius: 0; }
.webpage--beige .an-awards__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; }
@media (min-width: 1200px) {
.webpage--beige .an-awards__heading {
font-size: 90px;
line-height: 1;
letter-spacing: normal; } }
.webpage--beige .an-awards__text {
line-height: 1.5;
color: #cccccc; } .partners__line {
padding-bottom: 60px;
border-bottom: solid 1px #dddddd; }
@media (min-width: 576px) {
.partners__line {
padding-bottom: 80px; } }
@media (min-width: 992px) {
.partners__line {
padding-bottom: 120px; } }
@media (min-width: 1200px) {
.partners__line {
padding-bottom: 173px; } }
.partners__heading {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 576px) {
.partners__heading {
margin-bottom: 20px; } }
@media (min-width: 1200px) {
.partners__heading {
margin-bottom: 19px; } }
.partners__heading--small {
margin: 0 0 40px;
font-size: 16px;
font-weight: 400;
line-height: 1.5;
color: #000000;
text-align: left;
text-transform: uppercase;
letter-spacing: 0.05em; }
@media (min-width: 576px) {
.partners__heading--small {
margin-bottom: 60px; } }
@media (min-width: 1200px) {
.partners__heading--small {
margin-bottom: 87px; } }
.partners__text {
margin-bottom: 60px;
font-size: 14px;
line-height: 1.66;
color: #666666;
text-align: center; }
@media (min-width: 576px) {
.partners__text {
margin-bottom: 80px;
font-size: 16px; } }
@media (min-width: 1200px) {
.partners__text {
margin-bottom: 118px;
font-size: 18px; } }
.partners__list {
display: flex;
justify-content: center;
padding: 0;
margin: 0;
margin-top: -98px;
list-style: none;
flex-wrap: wrap; }
.partners__list--justify-start {
justify-content: flex-start; }
.partners__item {
width: 50%;
margin-top: 98px;
text-align: center;
align-self: center; }
@media (min-width: 576px) {
.partners__item {
width: 33.33%; } }
@media (min-width: 992px) {
.partners__item {
width: 25%; } }
@media (min-width: 1200px) {
.partners__item {
width: 20%; } }
.partners__item img {
display: inline-block;
max-width: 90% !important;
height: auto;
vertical-align: top;
filter: grayscale(1);
transition: filter 0.3s ease; }
.partners__item img:hover {
filter: grayscale(0); } .simplicity__line {
width: calc(100% - 30px);
padding-bottom: 60px;
margin: 0 auto;
border-bottom: solid 1px #d6d6d6; }
@media (min-width: 1200px) {
.simplicity__line {
padding-bottom: 134px; } }
@media (max-width: 768px) {
.simplicity__image {
max-width: 540px;
margin: auto; } }
.simplicity__image {
position: relative;
padding-top: 7vw;
padding-bottom: 90px;
padding-left: 7vw;
margin-bottom: 40px;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/images/dots.png);
background-repeat: no-repeat;
background-size: contain;
background-size: 65% auto; }
@media (min-width: 992px) {
.simplicity__image {
padding-top: 3.64vw;
padding-bottom: 7.135vw;
padding-left: 3.64vw;
margin-bottom: 4.6875vw;
background-size: 370px auto; } }
.simplicity__image img {
display: block;
max-width: 100%;
height: auto; }
.simplicity__circle-text {
position: absolute;
bottom: 0;
left: 0;
width: 180px;
height: 180px;
animation: text-rotate 9s linear infinite;
z-index: 1; }
@media (min-width: 1200px) {
.simplicity__circle-text {
width: 226px;
height: 226px;
margin-left: -50px; } }
.simplicity__circle-text img {
display: block;
width: 100%;
height: auto; }
.simplicity__circle-text:hover {
animation-play-state: paused; }
@media (min-width: 768px) {
.simplicity__content {
display: flex;
flex-direction: column; } }
.simplicity__preheading {
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
color: #ff4800;
text-transform: uppercase; }
.simplicity__heading {
margin: 0 0 20px;
font-weight: 400; }
.simplicity__heading--upper {
text-transform: uppercase; }
@media (min-width: 768px) {
.simplicity__heading {
margin-bottom: 40px; } }
@media (min-width: 1200px) {
.simplicity__heading {
max-width: 500px;
margin-bottom: 56px; } }
.simplicity__subheading {
margin-bottom: 20px;
font-size: 20px;
letter-spacing: -0.015em; }
@media (min-width: 768px) {
.simplicity__subheading {
max-width: 320px;
margin-bottom: 40px; } }
@media (min-width: 1200px) {
.simplicity__subheading {
min-width: 370px;
margin-bottom: 47px;
font-size: 24px; } }
.simplicity__text {
max-width: 390px;
margin-bottom: 40px;
font-size: 16px;
line-height: 1.77;
color: #666666; }
@media (min-width: 1200px) {
.simplicity__text {
max-width: 435px;
font-size: 18px; } }
.simplicity__notice {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.5;
color: #000000; }
@media (min-width: 768px) {
.simplicity__notice {
margin-top: auto; } }
@media (min-width: 1200px) {
.simplicity__notice {
margin-bottom: 45px;
font-size: 16px; } }
.simplicity__phone {
margin-bottom: 60px; }
@media (min-width: 768px) {
.simplicity__phone {
margin-bottom: 0; } }
.simplicity__btn {
align-self: flex-start; }
.simplicity__statistics {
padding-top: 40px;
margin-top: 40px;
border-top: solid 1px #aeab98; }
@media (min-width: 1200px) {
.simplicity__statistics {
padding-top: 50px;
margin-top: 100px; } }
@media (min-width: 1560px) {
.simplicity__statistics {
padding-top: 70px;
margin-top: 140px; } }
.webpage--beige .simplicity__heading {
font-family: "Cinzel", "Georgia", serif; }
@media (min-width: 1200px) {
.webpage--beige .simplicity__heading {
font-size: 60px;
line-height: 1;
letter-spacing: -0.025em; } }
.webpage--beige .simplicity__content {
padding-top: 60px; }
@media (min-width: 768px) {
.webpage--beige .simplicity__content {
padding-top: 0; } }
.webpage--modern .simplicity__preheading {
color: #cee100; }
.webpage--modern .simplicity__heading {
font-weight: 700; } .rewards {
padding: 60px 0;
background-color: #f2f5fa; }
@media (min-width: 1200px) {
.rewards {
padding: 156px 0 118px; } }
.rewards__preheading {
margin-bottom: 12px;
font-size: 16px;
line-height: 1;
color: #ff4800;
text-transform: uppercase; }
.rewards__header {
margin-bottom: 12px; }
@media (min-width: 768px) {
.rewards__header {
margin-bottom: 30px; } }
@media (min-width: 1200px) {
.rewards__header {
margin-bottom: 45px; } }
.rewards__heading {
font-weight: 400; }
.rewards__heading + * {
margin-top: 42px; }
.rewards__text {
font-size: 16px;
line-height: 1.77;
color: #999999; }
@media (min-width: 1200px) {
.rewards__text {
margin-bottom: 50px;
font-size: 18px; } }
.rewards__list {
padding: 0;
margin: 0;
list-style: none; }
.rewards__item + .rewards__item {
border-top: solid 1px #dfdfdf; }
.rewards + .bg-wrapper {
margin-top: 26px; }
.webpage--beige .rewards {
background-color: transparent; }
.webpage--beige .rewards__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff;
text-transform: uppercase;
letter-spacing: normal; }
.webpage--beige .rewards .rewards__item + .rewards__item {
border-top: solid 1px rgba(255, 255, 255, 0.2); }
.webpage--modern .rewards__preheading {
color: #cee100;
text-align: center; }
.webpage--modern .rewards__heading {
font-weight: 700;
text-align: center; } @media (min-width: 768px) {
.studio-section {
overflow: hidden; } }
.studio-section__header {
margin-bottom: 40px; }
@media (min-width: 1200px) {
.studio-section__header {
margin-bottom: 100px; } }
.studio-section__heading {
font-weight: 400; }
.studio-section__heading + *, .studio-section__text {
margin-top: 24px; }
@media (min-width: 1200px) {
.studio-section__heading + *, .studio-section__text {
margin-top: 43px; } }
.studio-section__text {
max-width: 940px;
font-size: 16px;
line-height: 1.77;
color: #999999; }
@media (min-width: 1200px) {
.studio-section__text {
font-size: 18px; } }
@media (min-width: 768px) {
.studio-section__wrapper {
display: flex;
justify-content: flex-start;
overflow: hidden;
flex-direction: row;
flex-wrap: wrap; } }
.studio-section__image {
position: relative; }
@media (min-width: 768px) {
.studio-section__image {
display: flex;
max-width: 470px;
flex-shrink: 0; } }
@media (min-width: 768px) {
.studio-section__image--big {
max-width: 1045px; } }
.studio-section__image + .studio-section__image {
margin-top: 30px; }
@media (min-width: 768px) {
.studio-section__image + .studio-section__image {
margin-top: 0;
margin-left: 30px; } }
.studio-section__image img {
display: block;
width: 100%;
height: auto; }
.elementor-widget-tm-image-gallery a.studio-section__play-video {
position: absolute;
top: 50%;
left: 50%;
display: flex;
align-items: center;
justify-content: center;
width: 115px;
height: 115px;
padding: 0 24px;
font-size: 16px;
line-height: 1.25;
color: #ffffff;
text-align: center;
text-transform: uppercase;
cursor: pointer;
flex-direction: column;
background-color: rgba(77, 82, 75, 0.75);
border: solid 1px rgba(255, 255, 255, 0.75);
border-radius: 50%;
transition: background-color 0.3s ease;
transform: translateX(-50%) translateY(-50%); }
.elementor-widget-tm-image-gallery a.studio-section__play-video:hover, .elementor-widget-tm-image-gallery a.studio-section__play-video:focus {
color: #ffffff;
background-color: #4d524b;
outline: none; }
.studio-section + .rewards {
margin-top: -40px; }
@media (min-width: 1200px) {
.studio-section + .rewards {
margin-top: -100px; } }
.webpage--beige .studio-section__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff;
text-transform: uppercase; } .our-experts--mt-negative {
margin-top: -10px; }
.our-experts__header {
margin-bottom: 30px; }
@media (min-width: 1200px) {
.our-experts__header {
margin-bottom: 71px; } }
.our-experts__heading {
font-weight: 400; }
@media (min-width: 1200px) {
.our-experts__heading {
font-size: 60px;
line-height: 1; } }
.our-experts__text {
margin-top: 42px; }
.our-experts__text {
max-width: 730px;
font-size: 16px;
line-height: 1.77;
color: #666666;
letter-spacing: -0.015em; }
@media (min-width: 1200px) {
.our-experts__text {
margin-bottom: 102px;
font-size: 18px; } }
.our-experts__list {
display: flex;
padding: 0;
margin: 0;
margin-top: -46px;
list-style: none;
flex-wrap: wrap; }
@media (min-width: 480px) {
.our-experts__list {
margin-left: -20px; } }
@media (min-width: 992px) {
.our-experts__list {
margin-left: -30px; } }
@media (min-width: 1200px) {
.our-experts__list {
margin-left: -60px; } }
.our-experts__item {
margin: 46px auto 0; }
@media (min-width: 480px) {
.our-experts__item {
width: calc(50% - 20px);
margin-right: 0;
margin-left: 20px; } }
@media (min-width: 768px) {
.our-experts__item {
width: calc(33.3333% - 20px); } }
@media (min-width: 992px) {
.our-experts__item {
width: calc(25% - 30px);
margin-left: 30px; } }
@media (min-width: 1200px) {
.webpage--beige .our-experts__item {
width: calc(25% - 60px);
min-width: 235px;
margin-left: 60px; } }
.our-experts__line {
padding-top: 40px;
border-bottom: solid 1px #999999; }
@media (min-width: 1200px) {
.our-experts__line {
padding-top: 100px; } }
@media (min-width: 1560px) {
.our-experts__line {
padding-top: 140px; } }
.our-experts + .pricing {
margin-top: -7px;
margin-bottom: 48px; }
.webpage--beige .our-experts__heading {
font-family: "Cinzel", "Georgia", serif; }
.webpage--beige .our-experts__line {
border-bottom-color: #aeab98; } .pricing--section .pricing__container {
padding-top: 0;
padding-bottom: 0; }
.pricing--section .pricing__title,
.pricing--section .pricing__subtitle {
margin-left: 0;
text-align: left; }
.pricing--section .pricing__title {
font-weight: 400; }
@media (min-width: 1200px) {
.pricing--section .pricing__subtitle {
margin-bottom: 94px; } }
.pricing__container {
max-width: 1170px !important;
padding: 60px 10px; }
@media (min-width: 1200px) {
.pricing__container {
padding: 127px 0 183px; } }
.pricing__title, .pricing__subtitle {
max-width: 730px;
margin: 0 auto; }
.pricing__title {
margin-bottom: 36px;
font-size: 48px;
line-height: 60px;
text-align: center;
letter-spacing: -1.5px; }
@media (min-width: 768px) {
.pricing__title {
font-size: 60px;
line-height: 72px; } }
.pricing__subtitle {
margin-bottom: 64px;
font-size: 16px;
line-height: 28px;
color: #666666;
text-align: center;
letter-spacing: -0.27px; }
@media (min-width: 768px) {
.pricing__subtitle {
margin-bottom: 122px;
font-size: 18px;
line-height: 32px; } }
.pricing__contact-us {
max-width: 580px;
margin: 45px auto 0;
font-size: 20px;
line-height: 32px;
text-align: center; }
@media (min-width: 768px) {
.pricing__contact-us {
margin: 81px auto 0;
font-size: 24px;
line-height: 36px; } }
.pricing__contact-us a {
color: #0099ff;
text-decoration: underline; }
@media (min-width: 992px) {
.pricing__contact-us a:hover {
text-decoration: none; } }
.pricing__slider-container {
position: relative;
margin: 0 auto;
overflow: hidden; }
@media (min-width: 1200px) {
.pricing__slider-container {
margin: 0 -5px; } }
.pricing__slider-container::before, .pricing__slider-container::after {
content: "";
position: absolute;
top: 0;
width: 35px;
height: 100%;
pointer-events: none;
transition: opacity 0.3s ease;
z-index: 2; }
@media (min-width: 768px) {
.pricing__slider-container::before, .pricing__slider-container::after {
width: 100px; } }
@media (min-width: 1200px) {
.pricing__slider-container::before, .pricing__slider-container::after {
display: none; } }
.pricing__slider-container::before {
left: 0;
background: linear-gradient(90deg, white 0%, rgba(255, 255, 255, 0) 100%); }
.pricing__slider-container::after {
right: 0;
background: linear-gradient(275deg, white 0%, rgba(255, 255, 255, 0) 100%); }
.pricing__slider-container.hide-left::before {
opacity: 0; }
.pricing__slider-container.hide-right::after {
opacity: 0; }
.pricing__slider {
width: 90%;
overflow: visible; }
@media (min-width: 768px) {
.pricing__slider {
width: 80%; } }
@media (min-width: 1200px) {
.pricing__slider {
width: 100%; } }
@media (min-width: 1200px) {
.pricing__wrapper {
display: flex;
flex-wrap: wrap; } }
.pricing-item {
min-height: 665px; }  @media (min-width: 992px) {
.pricing-item:hover .pricing-item__wrapper {
border-color: #000000; } }
.pricing-item__wrapper {
display: flex;
width: 100%;
box-sizing: border-box;
padding: 30px 20px;
flex-direction: column;
background-color: #ffffff;
border: 1px solid #cccccc;
transition: border-color 0.3s ease; }
@media (min-width: 768px) {
.pricing-item__wrapper {
padding: 42px 50px 64px; } }
.pricing-item__top {
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 16px;
flex-direction: column; }
@media (min-width: 768px) {
.pricing-item__top {
justify-content: space-between;
flex-direction: row; } }
.pricing-item__plan {
margin-bottom: 10px;
font-size: 16px;
text-transform: uppercase; }
@media (min-width: 768px) {
.pricing-item__plan {
margin-bottom: 0; } }
.pricing-item__caption span {
padding: 3.5px 11px;
font-size: 14px;
color: #ffffff;
background-color: #669900; }
.pricing-item__price {
margin-bottom: 7px;
font-family: "Cinzel", sans-serif;
line-height: 1.5;
text-align: center;
text-transform: uppercase;
letter-spacing: -2px; }
@media (min-width: 768px) {
.pricing-item__price {
text-align: left; } }
.pricing-item__price .currency {
top: -0.7em;
font-size: 30px; }
.pricing-item__price .digit {
font-size: 60px; }
.pricing-item__price .square {
font-size: 18px;
letter-spacing: 0.3px; }
.pricing-item__tax {
font-size: 14px;
color: #999999;
text-align: center; }
@media (min-width: 768px) {
.pricing-item__tax {
text-align: left; } }
.pricing-item__included {
padding: 33px 0 0;
margin: 30px 0 50px;
list-style: none;
border-top: 1px solid #d8d8d8; }
.pricing-item__included li {
padding: 15px 0;
font-size: 16px;
line-height: 22px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.4px; }
@media (min-width: 768px) {
.pricing-item__included li {
text-align: left; } }
.pricing-item__included li + li {
border-top: 1px solid #d8d8d8; }
.pricing-item__btn {
width: 100%;
padding: 15px;
margin-top: auto;
font-size: 18px;
color: #000000;
text-align: center;
text-transform: uppercase;
cursor: pointer;
background-color: #ffffff;
border: 1px solid #999999;
border-radius: 0;
transition: all 0.3s ease; }
@media (min-width: 992px) {
.pricing-item__btn:hover {
color: #ffffff;
background-color: #f5480c;
border-color: #f5480c; } }
.webpage--beige .pricing__slider-container::before, .webpage--beige .pricing__slider-container::after {
display: none; }
.webpage--beige .pricing__title {
font-family: "Cinzel", "Georgia", serif;
text-transform: lowercase; }
.webpage--beige .pricing-item:hover .pricing-item__wrapper {
border-color: #000000; }
.webpage--beige .pricing-item__wrapper {
min-height: 670px;
background-color: transparent;
border-color: #aeab98; }
.pricing-item__wrapper {
min-height: 643px; }
.webpage--beige .pricing-item__plan, .webpage--beige .pricing-item__price,
.webpage--beige .pricing-item__included li {
color: #4d524b; }
.webpage--beige .pricing-item__included {
border-top-color: #aeab98; }
.webpage--beige .pricing-item__included li + li {
border-top-color: #aeab98; }
.webpage--beige .pricing-item__caption span {
color: #000000;
background-color: #e6da89; }
.webpage--beige .pricing-item__btn {
color: #ffffff;
background-color: #4d524b; }
.webpage--beige .pricing-item__btn:hover, .webpage--beige .pricing-item__btn:focus {
background-color: #e6da89;
border-color: #e6da89; } .our-journal--mb {
margin-bottom: 60px; }
@media (min-width: 768px) {
.our-journal--mb {
margin-bottom: 100px; } }
@media (min-width: 992px) {
.our-journal--mb {
margin-bottom: 140px; } }
@media (min-width: 1200px) {
.our-journal--mb {
margin-bottom: 196px; } }
.our-journal__header {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 576px) {
.our-journal__header {
margin-bottom: 24px; } }
@media (min-width: 768px) {
.our-journal__header {
display: flex;
justify-content: space-between;
margin-bottom: 56px;
text-align: left; } }
@media (min-width: 992px) {
.our-journal__header {
margin-bottom: 70px; } }
@media (min-width: 768px) {
.our-journal__header--block {
display: block; } }
.our-journal__heading {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 768px) {
.our-journal__heading {
margin-bottom: 0;
align-self: baseline; } }
@media (min-width: 1200px) {
.our-journal__heading {
margin-bottom: 0px; } }
.our-journal__text {
margin-top: 16px;
font-size: 16px;
line-height: 1.77;
color: #999999;
text-align: center; }
@media (min-width: 1200px) {
.our-journal__text {
margin-top: 54px; } }
@media (min-width: 768px) {
.our-journal__more {
align-self: baseline; } }
.our-journal__list {
padding: 0;
list-style: none; }
.our-journal__list .news-card {
padding-right: 0;
padding-left: 0; }
@media (min-width: 768px) {
.our-journal__list .news-card {
padding-right: 15px;
padding-left: 15px; } }
.webpage--beige .our-journal__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; }
@media (min-width: 768px) {
.webpage--beige .our-journal__heading {
text-align: left; } }
.webpage--beige .our-journal__text {
color: #999999; }
@media (min-width: 768px) {
.webpage--beige .our-journal__text {
text-align: left; } } .approach {
padding: 60px 0;
counter-reset: approach;
background-color: #f8f5f4; }
@media (min-width: 1200px) {
.approach {
padding: 141px 0 185px; } }
.webpage--technical-drawing {
background-color: transparent; }
.webpage--technical-drawing .approach__card {
min-height: 450px;
background-color: transparent;
border: solid 1px #000000; }
.about__approach .approach__card {
min-height: 450px; }
.webpage--technical-drawing .approach__card-icon svg {
width: 48px;
height: 48px;
fill: #000000; }
.webpage--technical-drawing .approach__card-heading {
font-weight: 400; }
@media (min-width: 992px) {
.approach--technical .approach__header {
margin-bottom: 60px; } }
@media (min-width: 1200px) {
.webpage--technical-drawing .approach__header {
margin-bottom: 90px; } }
.approach__text {
margin-top: 20px; }
.approach .col-12 {
margin-bottom: 32px; }
@media (min-width: 992px) {
.approach .col-12 {
margin-bottom: 0; } }
.approach__header {
margin-bottom: 30px; }
@media (min-width: 1200px) {
.approach__header {
margin-bottom: 71px; } }
.approach__heading {
font-weight: 400; }
.webpage--beige .approach__text {
margin-top: 40px; }
.approach__text {
font-size: 16px;
line-height: 1.7;
color: #999999; }
@media (min-width: 1200px) {
.approach__text {
margin-bottom: 91px;
font-size: 20px; } }
.approach__card {
position: relative;
height: 100%;
padding: 30px;
counter-increment: approach;
background-color: #ffffff; }
@media (min-width: 576px) {
.approach__card {
padding: 40px; } }
@media (min-width: 1200px) {
.approach__card {
padding: 55px 50px 50px 55px; }
.webpage--beige .approach__card {
padding: 55px 44px 50px 55px; } }
.approach__card_count {
position: absolute;
top: 30px;
right: 30px;
font-size: 16px;
line-height: 1;
color: #999999;
letter-spacing: 0.8px; }
.about__approach .approach__card_count {
top: 55px;
right: 55px; }
.webpage--beige .about__approach {
margin-bottom: 0px; }
.webpage--beige .approach__card_count {
top: 55px;
right: 55px; }
@media (min-width: 576px) {
.approach__card::before {
top: 55px;
right: 55px; } }
.approach__card-icon {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.approach__card-icon {
margin-bottom: 102px; }
.approach__card-icon svg {
width: 48px;
height: 48px; } }
.approach__card-icon i {
font-size: 48px;
color: #ff4800; }
.approach__card-icon svg {
width: 48px;
fill: #ff4800; }
.approach__card-heading {
max-width: 210px;
margin: 0 0 25px;
font-size: 36px;
font-weight: 300;
line-height: 1.11;
color: #000000; }
.beige .about__approach .approach__card-heading {
max-width: none; }
.approach__card-text {
font-size: 18px;
line-height: 1.67;
color: #999999; }
.approach__statistics {
padding-top: 40px;
margin-top: 20px;
border-top: solid 1px #999999; }
@media (min-width: 992px) {
.approach__statistics {
padding-top: 80px;
margin-top: 120px; } }
.approach--parallax {
padding: 0;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/img/bg-our-story-2.jpg);
background-repeat: no-repeat;
background-size: cover; }
.approach--parallax .approach__heading {
font-weight: 600; }
@media (max-height: 750px) {
.approach--parallax .approach__heading {
margin-bottom: 20px;
font-size: 32px; } }
@media (max-height: 750px) {
.approach--parallax .approach__card {
padding: 30px; } }
@media (max-height: 750px) {
.approach--parallax .approach__card-icon {
margin-bottom: 25px; } }
.homepage-parallax .approach__card-heading {
font-weight: 600; }
.tm_left_menu_page .approach__card-heading {
font-weight: 300; }
@media (max-height: 750px) {
.approach--parallax .approach__card-heading {
margin: 0 0 18px;
font-size: 26px; } }
@media (max-height: 750px) {
.approach--parallax .approach__card-text {
font-size: 16px;
line-height: 1.4; } }
.webpage--beige .approach {
background-color: transparent; }
@media (min-width: 1200px) {
.webpage--beige .approach {
padding-bottom: 167px; } }
.webpage--beige .approach__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; }
@media (min-width: 1200px) {
.webpage--beige .approach__heading {
font-size: 60px; } }
.webpage--beige .approach__card {
background-color: #4d524b;
border: solid 1px #6a7067; }
.webpage--beige .approach__card-icon svg {
fill: #e6da89; }
.webpage--beige .elementor-widget-tm-icon-box-custom .approach__card-heading {
max-width: none !important;
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; } .awards-table__inner {
padding: 40px; }
@media (min-width: 1200px) {
.awards-table__inner {
padding: 120px 80px; } }
@media (min-width: 1560px) {
.awards-table__inner {
padding: 120px 110px; } }
.awards-table__heading {
margin-bottom: 20px;
font-weight: 400; }
@media (min-width: 1200px) {
.awards-table__heading {
margin-bottom: 72px; } }
.awards-table table {
width: calc(100% + 80px);
margin-left: -40px; }
@media (min-width: 576px) {
.awards-table table {
width: 100%;
margin: 0; } }
.awards-table thead tr {
border: none; }
.awards-table tbody tr {
transition: background-color 0.3s ease; }
.awards-table tbody tr:hover {
background-color: #fbfaf6; }
.awards-table tr {
border-top: solid 1px #dadada; }
.awards-table th {
padding: 14px 5px;
font-size: 10px;
font-weight: 400;
line-height: 1;
color: #999999;
text-transform: uppercase; }
@media (min-width: 576px) {
.awards-table th {
padding: 14px 16px;
font-size: 12px;
letter-spacing: 0.05em; } }
.awards-table td {
padding: 16px 5px;
font-size: 14px;
line-height: 1;
color: #000000;
word-break: normal; }
@media (min-width: 576px) {
.awards-table td {
padding: 30px 16px; }
.awards-table td:first-child {
text-transform: uppercase; } }
@media (min-width: 1200px) {
.awards-table td {
font-size: 18px; } }
.awards-table td a {
color: #000000; }
.awards-table td a:hover, .awards-table td a:focus {
color: #000000;
text-decoration: underline;
outline: none; } .about {
padding: 40px 0; }
@media (min-width: 1200px) {
.about {
padding: 104px 0 201px; } }
@media (min-width: 1200px) {
.about--pb {
padding: 104px 0 25px; } }
.about__header {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__header {
margin-bottom: 143px; } }
.about__heading {
max-width: 205px;
margin: 0 0 20px;
font-size: 16px;
font-weight: 400;
line-height: 1.7;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em; }
@media (min-width: 1200px) {
.about__heading {
margin-bottom: 36px; } }
.about__subheading {
font-weight: 400; }
.about__statistics {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__statistics {
margin-bottom: 143px; } }
.about__panorama {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__panorama {
margin-bottom: 150px; } }
.about__panorama img {
display: block;
width: 100%;
height: auto; }
.about__simplicity {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__simplicity {
margin-bottom: 121px; } }
.about__partners {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__partners {
margin-bottom: 148px; } }
.about__partners .partners__inner {
border-bottom: none; }
@media (min-width: 1200px) {
.about__partners .partners__list {
margin-bottom: 0; } }
.about__journal {
margin-bottom: 30px; }
.about__contacts {
padding-top: 60px;
border-top: solid 1px #e2e2e2; }
@media (min-width: 1200px) {
.about__contacts {
padding-top: 137px; } }
.about__testimonials + .about__approach {
margin-top: 60px; }
@media (min-width: 1200px) {
.about__testimonials + .about__approach {
margin-top: 186px; } }
@media (min-width: 1200px) {
.about__feedback {
padding-top: 24px; } }
.about__our-experts {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__our-experts {
margin-bottom: 140px; } }
@media (min-width: 1560px) {
.about__our-experts {
margin-bottom: 170px; } }
.about__twitter-block {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.about__twitter-block {
margin-bottom: 120px; } } .studio-hero {
padding: 60px 0;
overflow: hidden; }
@media (min-width: 768px) {
.studio-hero {
padding: 105px 0 117px; } }
.studio-hero__intro {
margin-bottom: 20px; }
@media (min-width: 768px) {
.studio-hero__intro {
margin-bottom: 0; } }
@media (min-width: 768px) {
.studio-hero__content {
padding-right: 0; } }
@media (min-width: 1560px) {
.studio-hero__content {
padding-top: 77px;
align-self: flex-start; } }
.studio-hero__image img {
max-width: 100%;
height: auto; }
@media (min-width: 1560px) {
.studio-hero__image {
padding-left: 72px; }
.studio-hero__image img {
max-width: none !important; } }
.studio-hero__heading {
margin-bottom: 20px;
font-weight: 400;
letter-spacing: normal; }
@media (min-width: 992px) {
.studio-hero__heading {
max-width: 340px; } }
@media (min-width: 1200px) {
.studio-hero__heading {
max-width: none;
font-size: 72px;
line-height: 1; } }
@media (min-width: 1560px) {
.studio-hero__heading {
margin-bottom: 53px;
font-size: 90px; } }
.studio-hero__text {
max-width: 3900px;
margin-bottom: 32px;
font-size: 18px;
line-height: 1.5;
color: #999999; }
@media (min-width: 1200px) {
.studio-hero__text {
font-size: 24px; } }
@media (min-width: 1560px) {
.studio-hero__text {
margin-bottom: 104px; } }
.webpage--beige .studio-hero__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; } .services__container {
max-width: 1170px !important;
padding: 60px 10px; }
@media (min-width: 1200px) {
.services__container {
padding: 118px 0 203px; } }
.services .type-service {
padding-bottom: 55px;
margin-bottom: 0;
border-bottom: 1px solid #dbdbdb; }
@media (min-width: 992px) {
.services .type-service {
padding-bottom: 105px; } }
.services .type-service__list {
margin-right: 0;
margin-left: 0; }
@media (min-width: 1200px) {
.services .type-service__list {
margin-right: -15px;
margin-left: -15px; } }
.services .type-service__heading {
margin-bottom: 30px;
font-size: 46px;
font-weight: 400;
line-height: 56px;
text-align: center;
letter-spacing: -1.35px; }
@media (min-width: 768px) {
.services .type-service__heading {
margin-bottom: 50px;
font-size: 54px;
line-height: 64px;
text-align: left; } }
.services .type-service__text {
margin-bottom: 75px;
line-height: 32px;
text-align: center; }
@media (min-width: 768px) {
.services .type-service__text {
text-align: left; } }
@media (min-width: 992px) {
.services .type-service__text {
margin-bottom: 164px; } }
.services .type-service__item-heading {
max-width: 100%;
font-weight: 400;
text-align: center; }
@media (min-width: 768px) {
.services .type-service__item-heading {
max-width: 280px;
text-align: left; } }
.services .statistics {
margin-top: 55px;
margin-right: 0;
margin-left: 0; }
@media (min-width: 1200px) {
.services .statistics {
margin-right: -15px;
margin-left: -15px; } }
@media (min-width: 992px) {
.services .statistics {
margin-top: 93px; } }
.services .statistics__item-value {
font-weight: 400; }
.services .twitter-block {
margin: 60px 0; }
@media (min-width: 992px) {
.services .twitter-block {
margin: 149px 0 127px; } } .service-page {
padding: 40px 0; }
@media (min-width: 1200px) {
.service-page {
padding: 120px 0 201px; } }
.service-page__header {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.service-page__header {
margin-bottom: 120px; } }
.service-page__heading {
margin-bottom: 20px;
font-weight: 400; }
@media (min-width: 1200px) {
.service-page__heading {
margin-bottom: 55px; } }
.service-page__image {
max-width: 1550px;
padding: 0 15px;
margin: 0 auto 60px; }
@media (min-width: 1200px) {
.service-page__image {
margin-bottom: 110px; } }
.service-page__image img {
display: block;
width: 100%;
height: auto; }
.service-page__sidebar {
margin-top: 60px; }
@media (min-width: 992px) {
.service-page__sidebar {
margin-top: 0; } }
.service-page__specialization {
margin-top: 60px; }
@media (min-width: 1200px) {
.service-page__specialization {
margin-top: 78px; } }
.service-page__process {
margin: 60px 0; }
@media (min-width: 1200px) {
.service-page__process {
margin: 88px 0; } }
@media (min-width: 1200px) {
.service-page__text {
max-width: 800px; } }
.service-page__form-wrap {
padding-top: 80px;
margin-top: 24px;
border-top: solid 1px #dfdfdf; }
@media (min-width: 1200px) {
.service-page__form-wrap {
padding-top: 120px; } }
.service-page h2 {
font-size: 30px;
font-weight: 400;
line-height: 1.18;
color: #000000;
letter-spacing: -0.015em; }
.service-page__content .specialization {
font-size: 30px;
font-weight: 400;
line-height: 1.18;
color: #000000;
letter-spacing: -0.015em; }
@media (min-width: 1200px) {
.service-page h2 {
margin-bottom: 34px;
font-size: 36px; }
.service-page__content .specialization {
margin-bottom: 34px;
font-size: 36px; } }
.service-page * + h2 {
margin-top: 40px; }
.service-page__content .specialization {
margin-top: 40px; }
@media (min-width: 1200px) {
.service-page * + h2 {
margin-top: 78px; }
.service-page__content .specialization {
margin-top: 78px; } }
.service-page p {
margin-top: 0;
font-size: 16px;
line-height: 1.77;
color: #666666; }
.service-page__text p {
margin-top: 0;
font-size: 16px;
line-height: 1.77;
color: #666666; }
@media (min-width: 1200px) {
.service-page p {
font-size: 18px; }
.service-page__text p {
font-size: 18px; } }
.service-page .form__title {
font-size: 36px;
letter-spacing: -0.025em; } .process-step {
padding: 0;
margin: 0;
list-style: none;
counter-reset: process; }
.process-step__item {
position: relative;
padding-bottom: 32px;
padding-left: 50px;
margin-bottom: 32px;
counter-increment: process;
border-bottom: solid 1px #e2e2e2; }
@media (min-width: 1200px) {
.process-step__item {
padding-bottom: 51px;
padding-left: 100px;
margin-bottom: 63px; } }
.process-step__item:last-child {
padding-bottom: 0;
margin-bottom: 0;
border-bottom: none; }
.process-step__item::before {
content: counter(process) ".";
position: absolute;
top: -4px;
left: 0;
font-family: "Cinzel", "Georgia", serif;
font-size: 48px;
line-height: 1;
color: #cccccc;
letter-spacing: -0.025em; }
@media (min-width: 1200px) {
.process-step__item::before {
font-size: 80px; } }
.process-step__item-title {
margin-bottom: 20px;
font-size: 20px;
line-height: 1;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.05em; }
@media (min-width: 1200px) {
.process-step__item-title {
font-size: 24px; } }
.process-step__item-text {
font-size: 16px;
line-height: 1.66;
color: #666666;
letter-spacing: -0.015em; }
@media (min-width: 1200px) {
.process-step__item-text {
font-size: 18px; } } .sidebar {
width: 100%;
margin-bottom: 50px; }
@media (min-width: 992px) {
.sidebar {
max-width: 300px;
margin-bottom: 0; } }
.sidebar__block + .sidebar__block {
margin-top: 40px; }
@media (min-width: 992px) {
.sidebar__block + .sidebar__block {
margin-top: 68px; } }
.sidebar__block > p {
margin: 0;
margin-bottom: 10px;
font-size: 20px;
line-height: 26px;
text-align: center;
text-transform: uppercase;
letter-spacing: 0.5px; }
@media (min-width: 992px) {
.sidebar__block > p {
text-align: left; } }
.sidebar__block-title {
margin-bottom: 32px;
font-size: 30px;
line-height: 1;
color: #000000;
letter-spacing: -0.015em; }
.sidebar__block input[type="search"] {
position: relative;
left: 50%;
width: 100%;
max-width: 300px;
transform: translateX(-50%); }
@media (min-width: 992px) {
.sidebar__block input[type="search"] {
left: 0;
transform: none; } }
.sidebar__social {
justify-content: center;
margin-top: 23px; }
@media (min-width: 992px) {
.sidebar__social {
justify-content: flex-start; } }
.sidebar__popular-posts-wrapper {
margin-top: 29px;
margin-bottom: 57px; }
.sidebar__categories {
margin-top: 31px; }
.sidebar__categories-item {
display: flex;
align-items: center;
justify-content: space-between;
padding-bottom: 13px;
cursor: pointer; }
@media (min-width: 992px) {
.sidebar__categories-item:hover .sidebar__categories-name,
.sidebar__categories-item:hover .sidebar__categories-num {
color: #ff4800; } }
.sidebar__categories-item + .sidebar__categories-item {
padding-top: 13px;
border-top: 1px solid #dadada; }
.sidebar__categories-item.active .sidebar__categories-name,
.sidebar__categories-item.active .sidebar__categories-num {
color: #ff4800; }
.sidebar__categories-name, .sidebar__categories-num {
font-size: 14px;
text-transform: uppercase;
transition: color 0.3s ease; }
.sidebar__categories-num {
color: #999999; }
.sidebar__ads {
display: block;
max-width: 300px;
height: 375px;
margin: 0 auto;
margin-top: 43px; }
@media (min-width: 992px) {
.sidebar__ads {
margin: 43px 0 0; } }
.sidebar__ads img {
width: 100%;
height: 100%;
object-fit: cover; }
.sidebar__testimonial {
margin: 0 auto; }
.sidebar__services {
padding: 0;
margin: 0;
list-style: none;
counter-reset: services; }
.sidebar__services-item {
padding: 18px 20px 14px 0;
margin-bottom: -1px;
font-size: 18px;
line-height: 1.33;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.025em;
counter-increment: services;
border-bottom: solid 1px #dadada; }
.sidebar__services-item:last-child {
border-bottom: none; }
.sidebar__services-item a {
display: flex;
align-items: center;
color: #000000;
transition: color 0.3s ease; }
.sidebar__services-item a::before {
content: counter(services);
width: 35px;
margin-right: 19px;
font-size: 30px;
line-height: 1.33;
color: #cccccc;
border-right: solid 1px #dfdfdf;
transition: color 0.3s ease;
flex-shrink: 0; }
.sidebar__services-item a:hover, .sidebar__services-item a:focus {
color: #ff4800;
outline: none; }
.sidebar__services-item a:hover::before, .sidebar__services-item a:focus::before {
color: #000000; }
.sidebar__services-item a:active {
opacity: 0.7; }
.popular-post {
display: block;
padding-bottom: 14px; }
@media (min-width: 992px) {
.popular-post:hover .title {
color: #ff4800; }
.popular-post:hover .popular-post__num {
color: #000000; } }
.popular-post + .popular-post {
padding-top: 19px;
border-top: 1px solid #dadada; }
.popular-post figure {
display: flex;
align-items: center;
margin: 0; }
.popular-post__num {
width: 35px;
font-size: 30px;
line-height: 26px;
color: #cccccc;
text-transform: uppercase;
transition: color 0.3s ease; }
.popular-post__content {
padding-left: 19px;
border-left: 1px solid #dfdfdf; }
.popular-post__content p {
margin: 0; }
.popular-post__content .tag {
font-size: 12px;
color: #999999;
text-transform: uppercase; }
.popular-post__content .title {
font-size: 18px;
color: #000000;
transition: color 0.3s ease; }
.newsletter {
padding: 39px 30px 55px;
margin-bottom: 63px;
background-color: #f9f5f4; }
.newsletter__title {
margin-bottom: 14px;
font-size: 20px;
line-height: 26px;
text-transform: uppercase; }
.newsletter__text {
margin-bottom: 35px;
font-size: 14px;
line-height: 26px;
color: #666666; }
.newsletter input {
width: 100%;
height: 50px;
padding: 18px;
background-color: #ffffff; }
.newsletter__btn {
width: 100%;
height: 50px;
margin-top: 14px;
font-size: 16px;
line-height: 26px;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.8px;
cursor: pointer;
background-color: #f5480c;
border: none;
transition: all 0.3s ease; }
@media (min-width: 992px) {
.newsletter__btn:hover {
opacity: 0.8; } }
.elementor-widget-tm-icon-box {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important; } .phone-block {
display: flex; }
.phone-block--theme-orange .phone-block__icon {
background-color: #ff4800; }
.phone-block--theme-orange .phone-block__icon svg {
fill: #ffffff; }
.phone-block--theme-beige .phone-block__icon {
background-color: #4d524b; }
.phone-block--theme-beige .phone-block__icon svg {
fill: #e6da89; }
.phone-block--theme-beige .phone-block__icon i {
color: #e6da89; }
.phone-block--theme-beige .phone-block__number:hover, .phone-block--theme-beige .phone-block__number:focus {
color: #aeab98;
outline: none; }
.phone-block__icon {
display: flex;
justify-content: center;
width: 50px;
height: 50px;
margin-right: 20px;
background-color: #faece7;
border-radius: 50%;
flex-shrink: 0;
align-self: center; }
.phone-block__icon i {
color: #ff4800;
align-self: center; }
.phone-block__icon svg {
fill: #ff4800;
align-self: center; }
.phone-block__content {
align-self: center; }
.phone-block__hint {
margin-bottom: 10px;
font-size: 12px;
line-height: 1;
color: #666666;
text-transform: uppercase;
letter-spacing: 0.05em; }
.phone-block__number {
display: inline-block;
font-size: 18px;
line-height: 1;
color: #000000;
letter-spacing: 0.025em;
vertical-align: top;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.phone-block__number {
font-size: 24px; } }
.phone-block__number:hover, .phone-block__number:focus {
color: #ff4800;
outline: none; } .elementor-widget-tm-counter .tm_counter {
margin-top: 0px; }
@media (min-width: 992px) {
.statistics--column .row {
height: 100%; } }
@media (min-width: 992px) {
.statistics--column .statistics__item {
flex: none; } }
@media (min-width: 992px) {
.statistics--column .statistics__item-value {
min-width: 119px;
font-size: 48px; } }
@media (min-width: 992px) {
.statistics--column .statistics__item-text {
font-size: 14px; } }
@media (min-width: 992px) {
.statistics--column .statistics__item + .statistics__item {
margin-top: 16px; } }
.statistics--color-invert .statistics__item-value {
font-weight: 400;
color: #999999; }
.statistics--color-invert .statistics__item-text {
color: #000000; }
.statistics--m {
margin-top: 60px;
margin-bottom: 60px; }
@media (min-width: 1200px) {
.statistics--m {
margin-top: 70px;
margin-bottom: 150px; } }
.statistics__item {
text-align: center; }
.statistics__item + .statistics__item {
margin-top: 24px; }
@media (min-width: 576px) {
.statistics__item {
display: flex;
text-align: left; }
.statistics__item + .statistics__item {
margin-top: 0; }
.statistics__item:last-child {
margin-top: 24px; } }
@media (min-width: 992px) {
.statistics__item {
justify-content: flex-start; }
.statistics__item:last-child {
margin-top: 0; } }
.statistics__item-value {
margin-bottom: 6px;
font-size: 36px;
font-weight: 300;
line-height: 1;
color: #000000; }
@media (min-width: 576px) {
.statistics__item-value {
margin-right: 24px;
margin-bottom: 0;
font-size: 48px;
align-self: center; } }
@media (min-width: 1200px) {
.statistics__item-value {
font-size: 60px; } }
.technical-drawing .elementor-widget-tm-counter {
height: 100%; }
.technical-drawing .elementor-widget-tm-counter .elementor-widget-container {
height: 100%; }
.technical-drawing .elementor-widget-tm-counter .elementor-widget-container .th-our-story__content {
height: 100%; }
.statistics__item-text {
font-size: 14px;
line-height: 1.625;
color: #999999;
text-transform: uppercase;
letter-spacing: 0.025em; }
.statistics__item-text br {
display: none; }
@media (min-width: 576px) {
.statistics__item-text {
align-self: center; }
.statistics__item-text br {
display: block; } }
@media (min-width: 1200px) {
.statistics__item-text {
font-size: 16px; } }
.beige .statistics__item-value {
font-family: "Cinzel", "Georgia", serif;
color: #4d524b; }
.beige .statistics__item-text {
color: #666666; } @media (min-width: 576px) {
.specialization {
display: flex; } }
.specialization__item {
padding: 0 10px;
margin-bottom: 32px;
flex-grow: 1; }
.specialization__item:last-child {
margin-bottom: 0; }
@media (min-width: 576px) {
.specialization__item {
margin-bottom: 0; } }
.specialization__item-diagram {
margin: 0 auto 24px; }
.specialization__item-text {
max-width: 140px;
margin: 0 auto;
font-size: 20px;
line-height: 1.5;
color: #000000;
text-align: center; }  .diagram {
position: relative;
width: 160px;
height: 160px; }
.diagram__circle {
display: block;
fill: none;
stroke: #dcdcdc;
stroke-width: 1px; }
.diagram__circle--progress {
transition: all 2s linear;
fill: none;
stroke: #ff4800;
stroke-width: 1px;
stroke-dasharray: 0 496; }
.diagram__percent {
position: absolute;
top: 50%;
left: 50%;
font-size: 32px;
line-height: 1;
color: #ff4800;
transform: translateX(-50%) translateY(-50%); } .launch-page__wrapper {
display: flex;
align-items: center;
color: #ffffff;
text-align: center;
flex-direction: column; }
.timer {
display: flex; }
.timer__digit:not(:last-child) {
margin-right: 35px; }
@media (min-width: 992px) {
.timer__digit:not(:last-child) {
margin-right: 54px; } }
.timer__digit p {
width: 30px;
margin: 0 auto;
font-size: 30px;
line-height: 30px;
text-transform: uppercase; }
@media (min-width: 992px) {
.timer__digit p {
width: 85px;
font-size: 72px;
line-height: 72px; } }
.timer__digit span {
font-size: 14px;
line-height: 24px;
letter-spacing: 0.35px; }
.fl-progress-bar {
position: relative;
display: flex;
font-size: 14px;
color: #222222;
flex-wrap: wrap; }
.fl-progress-bar .fl-progress-title {
flex-grow: 1; }
.fl-progress-bar .fl-progress-bar__number {
flex-grow: 0; }
.fl-progress-bar .fl-progress-wrapper {
width: 100%;
height: 5px;
margin-top: 5px; }
.fl-progress-bar .fl-progress-wrapper .fl-tracking-progress-bar {
position: relative;
width: 100%;
height: 100%;
background: #eeeeee; }
.fl-progress-bar .fl-progress-wrapper .fl-tracking-progress-bar .fl-tracking-progress-bar__item {
position: absolute;
top: 0;
left: 0;
height: 100%; }
.fl-progress-bar.ternary-color-style .fl-progress-wrapper {
height: 6px;
margin-top: 5px; }
.fl-progress-bar.ternary-color-style .fl-tracking-progress-bar {
background-color: white;
background-image: linear-gradient(90deg, #d9d9d9 27%, transparent 0, transparent 100%, #d9d9d9 60%, #d9d9d9), linear-gradient(90deg, #d9d9d9 28%, transparent 0%, transparent 100%, #d9d9d9 74%, #d9d9d9);
background-position: 0 0, 38.5px 50px;
background-size: 13px 27px; }
.fl-progress-bar.ternary-color-style .fl-tracking-progress-bar__item {
background: #32297b;
background: linear-gradient(90deg, #32297b 35%, #fc4c59 100%); }
.fl-pricing--table-wrapper .pricing--table {
padding: 50px 85px 60px 85px;
text-align: center;
transition: .3s ease; }
.fl-pricing--table-wrapper .pricing--table .pricing-title {
position: relative;
padding-bottom: 10px;
margin-bottom: 30px;
font-size: 14px;
color: #222222;
letter-spacing: 0.2em; }
.fl-pricing--table-wrapper .pricing--table .pricing-title:before {
content: '';
position: absolute;
bottom: 0;
left: 50%;
width: 40px;
height: 4px;
background: #c6dde8;
transform: translateX(-20px); }
.fl-pricing--table-wrapper .pricing--table .pricing {
font-size: 80px;
line-height: 50px; }
.fl-pricing--table-wrapper .pricing--table .pricing .prefix-price {
position: relative;
top: -10px;
margin-right: 10px;
font-size: 16px;
color: #666666;
vertical-align: super; }
.fl-pricing--table-wrapper .pricing--table .pricing-period {
margin-top: 10px;
margin-bottom: 30px;
color: #222222; }
.fl-pricing--table-wrapper .pricing--table .pricing-list {
padding: 0;
margin: 0;
margin-bottom: 20px;
list-style: none; }
.fl-pricing--table-wrapper .pricing--table .pricing-list li {
padding: 0;
padding-top: 5px;
padding-bottom: 5px;
margin: 0;
font-size: 14px;
color: #222222;
text-align: left;
list-style: none; }
.fl-pricing--table-wrapper .pricing--table .pricing-list li .left-content {
margin-right: 10px; }
.fl-pricing--table-wrapper .pricing--table.premium-table {
padding-top: 75px;
border-top: 3px solid transparent; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing-title {
color: #ffffff; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing-title:before {
background: #ffffff; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing {
color: #fff; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing .prefix-price {
color: #fff; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing-period {
color: #fff; }
.fl-pricing--table-wrapper .pricing--table.premium-table .pricing-list li {
color: #fff; }
.fl-pricing--table-wrapper .pricing--table:hover {
box-shadow: 0 0 34px 6px rgba(0, 0, 0, 0.07);
transition: .3s ease;
transform: translateY(-5px); } .team-item {
width: 100%;
max-width: 247px; }
@media (min-width: 992px) {
.team-item:hover .team-item__photo {
filter: saturate(1); }
.team-item:hover .team-item__photo svg {
fill: #ff4800; }
.team-item:hover .team-item__photo p {
color: #ff4800; } }
.team-item__photo {
height: 247px;
margin: 0 auto 22px;
overflow: hidden;
border: 1px solid #999999; }
@media (min-width: 992px) {
.team-item__photo {
filter: saturate(0);
transition: filter 0.3s ease; } }
.webpage--beige .team-item__photo img {
width: 100%;
height: 100%;
pointer-events: none;
object-fit: contain;
object-position: top; }
@media (min-width: 480px) {
.webpage--beige .team-item__photo img {
object-fit: cover; } }
.team-item__name {
position: relative;
display: inline-block;
margin-bottom: 3px;
font-size: 18px;
line-height: 18px;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.45px;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.team-item__name:hover {
color: #ff4800; } }
.team-item__position {
font-size: 14px;
color: #666666; }
.team-item--join .team-item__photo {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
filter: saturate(1); }
.team-item--join .team-item__photo svg {
margin-bottom: 13px;
transition: fill 0.3s ease; }
.team-item--join p {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #000000;
text-align: center;
text-transform: uppercase;
transition: color 0.3s ease; }
.webpage--beige .team-item:hover .team-item__photo {
filter: saturate(1); }
.webpage--beige .team-item:hover .team-item__photo svg {
fill: #999999; }
.webpage--beige .team-item:hover .team-item__photo p {
color: #999999; }
.webpage--beige .team-item__name:hover, .webpage--beige .team-item__name:focus {
color: #e6da89; } .team__container {
max-width: 1170px !important;
padding: 60px 10px;
overflow: hidden; }
@media (min-width: 1200px) {
.team__container {
padding: 127px 0 191px; } }
.team__title {
margin-bottom: 55px;
font-size: 36px;
line-height: 46px;
text-align: center;
letter-spacing: -1.5px; }
@media (min-width: 768px) {
.team__title {
margin-bottom: 74px;
font-size: 52px;
line-height: 62px; } }
@media (min-width: 992px) {
.team__title {
margin-bottom: 172px;
font-size: 60px;
line-height: 72px; } }
.team__wrapper {
display: flex;
justify-content: center;
flex-wrap: wrap; }
@media (min-width: 480px) {
.team__wrapper {
margin: 0 -10px; } }
@media (min-width: 992px) {
.team__wrapper {
justify-content: flex-start;
margin: 0 -15px; } }
@media (min-width: 1200px) {
.team__wrapper {
margin: 0 -30px; } }
.team__item {
margin-bottom: 46px; }
.team__item .team-item__photo img {
height: 100%; }
@media (min-width: 480px) {
.team__item {
width: calc(50% - 20px);
margin: 0 10px 46px; } }
@media (min-width: 768px) {
.team__item {
width: calc(33.3333% - 20px); } }
@media (min-width: 992px) {
.team__item {
width: calc(25% - 30px);
margin: 0 15px 46px; } }
@media (min-width: 1200px) {
.team__item {
width: calc(25% - 60px);
margin: 0 30px 46px; } }
.team__photo {
height: 247px;
padding-top: 20px;
margin-bottom: 22px;
overflow: hidden;
background-color: #ffffff;
border: 1px solid #999999; }
@media (min-width: 992px) {
.team__photo {
filter: saturate(0);
transition: filter 0.3s ease; } }
.team__photo img {
width: 100%;
height: 100%;
pointer-events: none;
object-fit: contain;
object-position: top; }
@media (min-width: 480px) {
.team__photo img {
object-fit: cover; } }
.team__name {
position: relative;
display: inline-block;
margin-bottom: 3px;
font-size: 18px;
line-height: 18px;
color: #000000;
text-transform: uppercase;
letter-spacing: 0.45px;
border-bottom: 1px solid transparent;
transition: border-bottom-color 0.3s ease; }
.team__position {
font-size: 14px;
color: #666666; }
.team--join .team-item__photo {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
filter: saturate(1); }
.team--join .team-item__photo svg {
margin-bottom: 13px;
transition: fill 0.3s ease; }
.team--join p {
margin: 0;
font-size: 20px;
font-weight: 400;
line-height: 30px;
color: #000000;
text-align: center;
text-transform: uppercase;
transition: color 0.3s ease; }
.fl-partner-wrapper {
display: flex;
justify-content: center; }
.fl-partner-wrapper .partner-content {
display: flex;
align-items: center;
justify-content: center;
width: 100%;
max-width: 1550px;
flex-wrap: wrap; }
.fl-partner-wrapper .partner-content .partner-item {
display: flex;
align-items: center;
justify-content: center;
width: 20%;
min-height: 160px;
padding: 20px; }
.elementor-widget-tm-blog-box .news-sb-page__container {
padding: 0px; } @media (min-width: 992px) {
.article-preview {
position: relative;
overflow: hidden; } }
.article-preview:hover, .article-preview:focus {
outline: none; }
@media (min-width: 992px) {
.article-preview:hover .article-preview__content, .article-preview:focus .article-preview__content {
transform: translateY(0); } }
@media (min-width: 768px) {
.article-preview__image {
height: 356px; } }
.article-preview__image img {
display: block;
width: 100%;
height: auto; }
@media (min-width: 768px) {
.article-preview__image img {
height: 100%;
object-fit: cover; }
.article-preview .article-preview__image img {
height: 100%;
object-fit: cover; } }
.article-preview__content {
display: flex;
width: 100%;
padding: 20px 24px;
flex-direction: column;
background-color: #ffffff;
border: solid 1px #d6d6d6;
border-top: none;
transition: transform 0.3s ease; }
@media (min-width: 768px) {
.article-preview__content {
padding: 16px 12px; } }
@media (min-width: 992px) {
.article-preview__content {
position: absolute;
top: 0;
left: 0;
display: flex;
height: 100%;
padding: 32px;
flex-direction: column;
border-top: solid 1px #d6d6d6;
transform: translateY(100%);
z-index: 1; } }
@media (min-width: 1200px) {
.article-preview__content {
padding: 44px; } }
.article-preview__date {
margin-bottom: 12px;
font-size: 13px;
line-height: 1;
color: #666666; }
.article-preview__heading {
margin: 0 0 20px;
font-size: 24px;
font-weight: 400;
line-height: 1.33;
color: #000000; }
@media (min-width: 768px) {
.article-preview__heading {
font-size: 20px; } }
@media (min-width: 992px) {
.article-preview__heading {
font-size: 24px; } }
.article-preview__text {
margin-bottom: 24px;
font-size: 16px;
line-height: 1.625;
color: #666666; }
@media (min-width: 768px) {
.article-preview__text {
font-size: 14px; } }
@media (min-width: 992px) {
.article-preview__text {
font-size: 16px; } }
.article-preview__btn {
margin-top: auto;
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #ff4800;
text-transform: uppercase;
letter-spacing: 0.025em; }
.article-preview__btn:hover, .article-preview__btn:focus {
outline: none;
opacity: .8; }
.article-preview__btn:active {
opacity: none; }
.article-preview__outer-content {
position: absolute;
bottom: 0;
left: 0;
display: none;
max-width: 83%;
padding: 12px;
z-index: 1; }
@media (min-width: 992px) {
.article-preview__outer-content {
display: block;
max-width: 100%;
padding: 15px 35px 33px 40px; } }
.article-preview__tag {
display: inline-block;
padding: 3.5px 5px;
margin-bottom: 6px;
font-size: 12px;
line-height: 12px;
color: #ffffff;
text-transform: uppercase;
background-color: #f5480c; }
.article-preview__tag a {
color: #ffffff; }
.article-preview__title {
margin-bottom: 21px;
font-size: 30px;
line-height: 36px;
color: #ffffff; }
.article-preview__publish-date {
font-size: 14px;
color: #ffffff; } .article-list__header {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 576px) {
.article-list__header {
margin-bottom: 24px; } }
@media (min-width: 768px) {
.article-list__header {
display: flex;
justify-content: space-between;
margin-bottom: 56px;
text-align: left; } }
@media (min-width: 992px) {
.article-list__header {
margin-bottom: 80px; } }
@media (min-width: 1200px) {
.article-list__header {
margin-bottom: 100px; } }
.article-list__heading {
margin-bottom: 16px;
text-align: center; }
@media (min-width: 768px) {
.article-list__heading {
margin-bottom: 0;
align-self: baseline; } }
@media (min-width: 1200px) {
.article-list__heading {
margin-bottom: 0px; } }
@media (min-width: 768px) {
.article-list__more {
align-self: baseline; } }
.article-list__list {
padding: 0;
margin: 0;
list-style: none; }
@media (min-width: 768px) {
.article-list__list {
margin: 0 -10px; } }
@media (min-width: 1200px) {
.article-list__list {
margin: 0 -25px; } }
.article-list__list + .article-list__list {
margin-top: 24px; }
@media (min-width: 768px) {
.article-list__list + .article-list__list {
margin-top: 50px; } }
.article-list__item {
padding: 0;
margin-bottom: 24px; }
@media (min-width: 768px) {
.article-list__item {
padding: 0 10px;
margin-bottom: 20px; } }
@media (min-width: 1200px) {
.article-list__item {
padding: 0 25px;
margin-bottom: 50px; } }
.article-list__item:last-child {
margin-bottom: 0; }
@media (min-width: 768px) {
.article-list__item.col-md-12 .article-preview__image {
height: 545px; } } .news-card {
margin-bottom: 45px; }
@media (min-width: 768px) {
.news-card {
margin-bottom: 91px; } }
.news-card__pic {
height: 325px;
overflow: hidden; }
.webpage--beige .news-card__pic img {
width: 100%;
height: 100%;
object-fit: cover; }
.news-card__content {
display: flex;
padding-top: 29px;
padding-right: 15px;
padding-left: 15px;
text-align: center;
flex-direction: column; }
@media (min-width: 768px) {
.news-card__content {
padding-right: 0;
padding-left: 0;
text-align: left;
flex-direction: row; } }
@media (min-width: 768px) {
.news-card__date {
max-width: 75px;
margin-right: 64px; } }
.news-card__date p {
margin: 0; }
.news-card__date .num {
width: 70px;
font-family: "Cinzel", sans-serif;
font-size: 60px;
line-height: 85px; }
.news-card__date .month,
.news-card__date .year {
font-size: 14px;
line-height: 20px;
color: #666666;
text-transform: uppercase; }
.news-card__title {
padding-top: 11px; }
.news-card__title > a {
font-size: 24px;
line-height: 36px;
color: #000000;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-card__title > a:hover, .news-card__title > a:focus {
color: #ff4800; }
.news-card__title > a:active {
opacity: 0.7; } }
.news-card__title .author {
margin: 18px 0 0;
font-size: 14px;
letter-spacing: 0.7px; }
.news-card__title .author > a {
color: #ff4800;
text-transform: uppercase; }
.news-card__title .author > a:hover, .news-card__title .author > a:focus {
color: #ff4800;
text-decoration: underline;
outline: none; }
.news-card__title .author span,
.news-card__title .author span > a {
color: #999999;
text-transform: none;
letter-spacing: normal;
transition: color 0.3s ease; }
.news-card__title .author span:hover:not(.delimiter), .news-card__title .author span:focus:not(.delimiter),
.news-card__title .author span > a:hover:not(.delimiter),
.news-card__title .author span > a:focus:not(.delimiter) {
color: #ff4800; }
.news-card__title .author span.delimiter,
.news-card__title .author span > a.delimiter {
padding: 0 10px; }
.webpage--beige .news-card__date .num {
color: #ffffff; }
.webpage--beige .news-card__date .year,
.webpage--beige .news-card__date .month {
color: #999999; }
.webpage--beige .news-card__title a {
color: #ffffff; }
.webpage--beige .news-card__title .author a {
color: #ffffff; }
.webpage--beige .news-card__title a:hover, .webpage--beige .news-card__title a:focus {
color: #e6da89;
outline: none; }
.webpage--beige .news-card__title .author {
color: #e6da89; }
.webpage--beige .news-card__title .author a:hover, .webpage--beige .news-card__title .author a:focus {
color: #e6da89 !important;
outline: none; } .news-list {
overflow: hidden; }
.news-list__container {
padding-top: 60px;
padding-bottom: 60px; }
@media (min-width: 768px) {
.news-list__container {
padding-top: 90px;
padding-bottom: 90px; } }
@media (min-width: 1560px) {
.news-list__container {
padding-bottom: 187px; } }
.news-list__heading, .default_heading {
margin-top: 0px;
margin-bottom: 0px;
font-size: 40px;
font-weight: 400;
line-height: 44px;
text-align: center; }
.news-list__heading.post-page__heading, .default_heading.post-page__heading {
padding-bottom: 38px; }
@media (min-width: 768px) {
.news-list__heading, .default_heading {
font-size: 60px;
line-height: 72px; } }
.news-list__filter-with-search form.search {
position: relative; }
.news-list__filter {
display: flex;
justify-content: center;
margin: 0px 0 30px;
flex-wrap: wrap; }
@media (min-width: 768px) {
.news-list__filter {
margin: 0px 0 58px; } }
.news-list__filter button {
width: 50%;
margin-bottom: 15px;
font-weight: 400; }
@media (min-width: 768px) {
.news-list__filter button {
width: auto; } }
.news-list__filter button:not(:last-child) {
margin-right: 0; }
@media (min-width: 768px) {
.news-list__filter button:not(:last-child) {
margin-right: 45px; } }
.news-list__more {
margin: 40px auto; }
@media (min-width: 768px) {
.news-list__more {
margin: 71px auto 60px; } }
.news-list__filter-with-search {
display: flex;
align-items: center;
justify-content: space-between;
margin: 52px 0 38px;
flex-direction: column; }
.news-list__filter-with-search #searchsubmit {
position: absolute;
top: 10px;
right: 0;
width: 20px;
padding: 0 8px;
background-size: 20px; }
@media (min-width: 992px) {
.news-list__filter-with-search {
flex-direction: row; } }
.news-list__filter-with-search .filter {
margin: 0; }
.news-list__filter-with-search input {
max-width: 270px;
margin-top: 20px; }
.news-list__filter-with-search input.searchinput {
width: 270px; }
@media (min-width: 992px) {
.news-list__filter-with-search input {
width: 100%;
margin-top: 0;
margin-bottom: 15px; } }
.news-list__filter-with-search--center {
justify-content: center; }
.news-list .news-join {
display: flex;
align-items: center;
justify-content: center;
margin: 70px 0;
flex-direction: column; }
@media (min-width: 992px) {
.news-list .news-join {
align-items: flex-end;
justify-content: space-between;
margin: 102px 0 131px;
flex-direction: row; } }
.news-list .news-join__col {
width: 100%; }
.news-list .news-join__col:first-child {
max-width: 395px;
margin-bottom: 30px;
text-align: center; }
@media (min-width: 992px) {
.news-list .news-join__col:first-child {
margin-bottom: 0;
text-align: left; } }
.news-list .news-join__col:last-child {
max-width: 600px;
padding-bottom: 3px; }
.news-list .news-join__title {
margin-bottom: 20px;
font-size: 36px;
letter-spacing: -1.2px; }
@media (min-width: 992px) {
.news-list .news-join__title {
margin-bottom: 30px;
font-size: 48px; } }
.news-list .news-join__subtitle {
font-size: 16px;
line-height: 26px;
color: #666666; }
.news-list .news-join input {
border: none; }
.news-list__news {
display: flex;
padding: 0;
list-style: none;
flex-wrap: wrap; }
@media (min-width: 768px) {
.news-list__news {
margin: 0 -31px; } }
.news-list .news-card {
padding: 0; }
@media (min-width: 768px) {
.news-list .news-card {
padding: 0 31px; } }
.news-list__more-2 {
margin: 0 auto; }
@media (min-width: 992px) {
.news-list__more-2 {
margin-bottom: 91px; } } .news-slider {
position: relative;
padding-top: 60px;
margin: 0; }
@media (min-width: 992px) {
.news-slider {
padding-top: 0; } }
@media (min-width: 1560px) {
.swiper-container.news-slider {
margin: 0 -175px; } }
.news-slider .swiper-pagination {
position: absolute;
bottom: 20px !important;
z-index: 1; }
@media (min-width: 1560px) {
.news-slider .swiper-pagination {
bottom: 64px;
justify-content: flex-end;
padding-right: 163px; }
.swiper-container.news-slider .swiper-pagination {
bottom: 64px;
justify-content: flex-end;
padding-right: 163px; }
.swiper-container.news-slider.news-grid-carousel .swiper-pagination {
bottom: 64px !important;
justify-content: flex-end;
padding-right: 163px; } }
.news-slider .swiper-pagination .swiper-pagination-bullet {
background-color: #ffffff;
opacity: 1; }
.news-slider .swiper-pagination .swiper-pagination-bullet-active {
background-color: #ff4800; }
.news-slider .slider__nav {
position: absolute;
top: 0;
right: 0;
display: flex; }
@media (min-width: 992px) {
.news-slider .slider__nav {
top: 50%;
right: 0;
left: 0;
background-color: red;
transform: translateY(-50%);
z-index: 1; } }
.news-slider .slider__nav-btn {
width: 18px;
height: 32px;
appearance: none;
padding: 0;
overflow: hidden;
cursor: pointer;
background-color: transparent;
border: none; }
.news-slider .slider__nav-btn:hover, .news-slider .slider__nav-btn:focus {
outline: none; }
.news-slider .slider__nav-btn:hover svg, .news-slider .slider__nav-btn:focus svg {
fill: #ff4800; }
.news-slider .slider__nav-btn--next {
margin-left: 12px; }
@media (min-width: 992px) {
.news-slider .slider__nav-btn--next {
right: 3.125vw;
margin: 0; } }
@media (min-width: 992px) {
.news-slider .slider__nav-btn--prev {
left: 3.125vw; } }
.news-slider .slider__nav-btn.swiper-button-disabled {
pointer-events: none;
opacity: 0.5; }
@media (min-width: 768px) {
.news-slider .slider__nav-btn.swiper-button-disabled {
background-color: transparent !important;
border: solid 1px #ffffff; }
.news-slider .slider__nav-btn.swiper-button-disabled svg {
fill: #ffffff !important; } }
.news-slider .slider__nav-btn svg {
position: relative;
left: 50%;
display: block;
width: auto;
height: 100%;
transition: fill 0.3s ease;
transform: translateX(-50%); }
@media (min-width: 992px) {
.news-slider .slider__nav-btn svg {
position: static;
width: 34px;
height: auto;
transform: translateX(0);
fill: #ffffff; } }
@media (min-width: 992px) {
.news-slider .slider__nav-btn {
position: absolute;
top: 0;
display: flex;
align-items: center;
justify-content: center;
width: 60px;
height: 60px;
border: solid 1px #ffffff;
transition: background-color 0.3s ease;
transform: translateY(-50%); }
.news-slider .slider__nav-btn:hover, .news-slider .slider__nav-btn:focus {
background-color: #ffffff; }
.news-slider .slider__nav-btn:hover svg, .news-slider .slider__nav-btn:focus svg {
fill: #000000; } }
.news-slider .news-slider__item {
position: relative;
height: 450px; }
@media (min-width: 768px) {
.news-slider .news-slider__item {
height: 600px; } }
@media (min-width: 992px) {
.news-slider .news-slider__item {
height: 700px; } }
.news-slider .news-slider__item::after {
content: '';
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7); }
@media (min-width: 992px) {
.news-slider .news-slider__item::after {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 56%); } }
.news-slider .news-slider__item > img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; }
.news-slider__content {
position: relative;
display: flex;
justify-content: center;
max-width: 830px;
height: 100%;
box-sizing: border-box;
padding: 30px;
color: #ffffff;
text-align: center;
flex-direction: column;
z-index: 1; }
@media (min-width: 992px) {
.news-slider__content {
justify-content: flex-end;
padding: 0 30px 60px 172px;
text-align: left; } }
.news-slider__date {
margin-bottom: 11px;
font-size: 13px; }
.news-slider__date a {
font-size: 14px;
color: #ffffff;
text-transform: uppercase;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-slider__date a:hover {
color: #ff4800; } }
.news-slider__title {
margin-bottom: 36px;
font-size: 36px;
line-height: 38px;
color: #ffffff;
letter-spacing: -1.2px;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-slider__title {
font-size: 48px;
line-height: 48px; }
.news-slider__title:hover {
color: #ff4800; } }
.news-slider__text {
font-size: 16px;
line-height: 26px; } @media (min-width: 768px) {
.masonry {
margin: 0 -5px; } }
.masonry .masonry-item {
width: 442px;
margin-bottom: 10px; }
@media (min-width: 768px) {
.masonry .masonry-item {
width: calc(50% - 10px);
margin: 0 5px 10px; } }
@media (min-width: 1560px) {
.masonry .masonry-item {
max-width: 442.5px; } }
.masonry .masonry-item .article-preview__image {
position: relative; }
.masonry .masonry-item .article-preview__image::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0) 53%); }
.masonry .masonry-item .article-preview__image {
height: auto; } .news-masonry__container {
max-width: 1830px !important;
padding-bottom: 60px; }
@media (min-width: 768px) {
.news-masonry__container {
padding-bottom: 130px; } }
.news-masonry__more {
margin: 40px auto; }
@media (min-width: 768px) {
.news-masonry__more {
margin: 121px auto 60px; } } .news-sb-page__container {
max-width: 1170px !important; }
.news-sb-page__title {
font-size: 36px;
text-align: center;
letter-spacing: -1.2px; }
.news-sb-page__container .news-sb-page__related .news-sb-page__title {
line-height: 68px; }
@media (min-width: 768px) {
.news-sb-page__title {
font-size: 48px;
text-align: left; } }
.news-sb-page__related-slider {
position: relative;
margin-top: 30px; }
@media (min-width: 1560px) {
.news-sb-page__related-slider {
margin-top: 57px; } }
.news-sb-page .post-related {
padding: 0;
margin-bottom: 0; }
.news-sb-page__related .post-related.swiper-slide {
padding: 0;
margin-bottom: 0; }
.news-sb-page__related-slider .__js_slider-news-3 .post-related .post-related__pic {
overflow: hidden; }
@media (min-width: 768px) {
.news-sb-page .post-related {
margin-bottom: 30px; } }
.news-sb-page__related-arrow {
position: absolute;
bottom: -40px;
width: 43px;
height: 43px;
cursor: pointer;
background-color: #ffffff;
border: none;
outline: none; }
@media (min-width: 768px) {
.news-sb-page__related-arrow {
top: -112px;
bottom: unset; } }
@media (min-width: 992px) {
.news-sb-page__related-arrow:hover svg {
fill: #ff4800; } }
.news-sb-page__related-arrow.swiper-button-disabled svg {
fill: #cccccc; }
.news-sb-page__related-arrow svg {
width: 100%;
height: 100%;
transition: fill 0.3s ease; }
.news-sb-page__related-arrow--prev {
left: calc(50% - 43px); }
@media (min-width: 768px) {
.news-sb-page__related-arrow--prev {
right: 66px;
left: unset; } }
.news-sb-page__related-arrow--prev svg {
transform: rotate(180deg); }
.news-sb-page__related-arrow--next {
right: calc(50% - 43px); }
@media (min-width: 768px) {
.news-sb-page__related-arrow--next {
right: 12px; } }
.news-sb-page__wrapper {
display: flex;
padding-top: 60px;
margin-top: 100px;
margin-bottom: 50px;
overflow: hidden;
flex-direction: column;
border-top: 1px solid #dadada; }
@media (min-width: 768px) {
.news-sb-page__wrapper {
margin-top: 60px;
margin-bottom: 101px; } }
@media (min-width: 992px) {
.news-sb-page__wrapper {
justify-content: space-between;
padding-top: 104px;
margin-top: 94px;
flex-direction: row; } }
.news-sb-slider {
position: relative; }
.news-sb-slider .arrow-square {
bottom: -65px;
cursor: pointer; }
@media (min-width: 768px) {
.news-sb-slider .arrow-square {
top: 39%;
bottom: unset; } }
.news-sb-slider .arrow-square--prev {
left: calc(50% - 60px); }
@media (min-width: 768px) {
.news-sb-slider .arrow-square--prev {
left: 60px; } }
.news-sb-slider .arrow-square--next {
right: calc(50% - 60px); }
@media (min-width: 768px) {
.news-sb-slider .arrow-square--next {
right: 60px; } }
.news-sb-slider__item.swiper-slide {
position: relative;
height: 500px; }
.news-sb-slider__item.swiper-slide .news-sb-slider__pic img {
height: 100%; }
@media (min-width: 768px) {
.news-sb-slider__item.swiper-slide {
height: 600px; }
.news-sb-slider__item.swiper-slide .news-sb-slider__pic img {
height: 100%; } }
@media (min-width: 1200px) {
.news-sb-slider__item.swiper-slide {
height: 800px; }
.news-sb-slider__item.swiper-slide .news-sb-slider__pic img {
height: 100%; } }
.news-sb-slider__pic {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; }
.news-sb-slider__pic::after {
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 56%); }
.news-sb-slider__pic img {
width: 100%;
height: 100%;
object-fit: cover; }
.news-sb-slider__content {
position: relative;
display: flex;
justify-content: flex-end;
height: 100%;
box-sizing: border-box;
padding: 25px 25px 45px;
color: #ffffff;
text-align: center;
flex-direction: column; }
@media (min-width: 992px) {
.news-sb-slider__content {
padding: 56px 60px;
text-align: left; } }
.news-sb-slider__date {
margin-bottom: 16px;
font-size: 13px; }
.news-sb-slider__date .tag,
.news-sb-slider__date .delimiter {
display: inline-block;
font-size: 14px;
color: #ffffff;
text-transform: uppercase; }
.news-sb-slider__date .tag {
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-sb-slider__date .tag:hover {
color: #ff4800; } }
.news-sb-slider__date .delimiter {
padding: 0 10px; }
.news-sb-slider__title {
font-size: 30px;
line-height: 36px;
color: #ffffff;
letter-spacing: -0.9px;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-sb-slider__title {
font-size: 36px;
line-height: 48px; }
.news-sb-slider__title:hover {
color: #ff4800; } }
.news-sb-slider__text {
margin-top: 30px;
font-size: 16px;
line-height: 26px;
color: #cccccc; }
.news-sb {
order: 1; }
@media (min-width: 992px) {
.news-sb {
order: 0; } }
.news-sb__item {
display: flex;
flex-direction: column; }
@media (min-width: 768px) {
.news-sb__item {
flex-direction: row; } }
.news-sb__item + .news-sb__item {
margin-top: 50px; }
.news-sb__item--vertical {
flex-direction: column; }
.news-sb__item--vertical .news-sb__pic {
max-width: 100%;
height: 300px;
margin-right: 0;
margin-bottom: 37px; }
@media (min-width: 768px) {
.news-sb__item--vertical .news-sb__pic {
height: 453px; } }
.news-sb__pic {
width: 100%;
height: 300px;
margin-bottom: 37px; }
@media (min-width: 768px) {
.news-sb__pic {
max-width: 370px;
height: 218px;
margin-right: 50px;
margin-bottom: 0; } }
.news-sb__pic img {
width: 100%;
height: 100%;
object-fit: cover; }
.news-sb__content {
display: flex;
width: 100%;
flex-direction: column;
border-bottom: 1px solid #dadada; }
.news-sb__date {
margin-top: -4px;
margin-bottom: 17px;
font-size: 13px;
color: #999999;
text-transform: uppercase;
letter-spacing: 0.32px; }
.news-sb__date .tag {
font-size: 14px;
color: #ff4800;
letter-spacing: 0.7px; }
.news-sb__date .delimiter {
padding: 0 10px;
font-size: 14px; }
.news-sb__title {
margin-bottom: 22px;
font-size: 24px;
line-height: 36px;
color: #000000;
transition: color 0.3s ease; }
@media (min-width: 992px) {
.news-sb__title:hover {
color: #ff4800; } }
.news-sb__text {
margin-top: auto;
margin-bottom: 38px;
font-size: 16px;
line-height: 26px;
color: #999999; }
.fl-tabs-wrapper {
display: flex;
align-items: flex-start;
flex-wrap: wrap; }
.fl-tabs-wrapper .nav-tabs {
padding: 35px 0;
border-radius: 10px; }
.fl-tabs-wrapper .nav-tabs li {
position: relative;
padding-top: 10px;
padding-bottom: 8px;
padding-left: 10px;
margin: 0 20px;
color: #fff;
list-style: none;
cursor: pointer;
border-bottom: 1px solid rgba(201, 230, 245, 0.2); }
.fl-tabs-wrapper .nav-tabs li:first-child {
border-top: 1px solid rgba(201, 230, 245, 0.2); }
.fl-tabs-wrapper .nav-tabs li:after {
content: '';
position: absolute;
top: 0;
left: -20px;
width: 4px;
height: 100%;
background: #62bec9;
transition: transform .2s ease-out,-webkit-transform .2s ease-out;
transform: scale(0);
transform-origin: 0 100%; }
.fl-tabs-wrapper .nav-tabs li .inner-content {
display: flex;
align-items: center; }
.fl-tabs-wrapper .nav-tabs li .inner-content .tab-title-content {
flex-grow: 1; }
.fl-tabs-wrapper .nav-tabs li .inner-content .icon-container {
display: flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
transition: .3s ease;
flex-grow: 0; }
.fl-tabs-wrapper .nav-tabs li .inner-content .icon-container i {
font-size: 10px;
color: rgba(255, 255, 255, 0.4);
transition: .3s ease; }
.fl-tabs-wrapper .nav-tabs li.active:after {
transform: scale(1);
transform-origin: 100% 0; }
.fl-tabs-wrapper .nav-tabs li.active .inner-content .icon-container {
transition: .3s ease; }
.fl-tabs-wrapper .nav-tabs li.active .inner-content .icon-container i {
color: #ffffff;
transition: .3s ease; }
.fl-tabs-wrapper .nav-tabs li:hover:after {
transform: scale(1);
transform-origin: 100% 0; }
.fl-tabs-wrapper .tab-content-container .tab-pane {
display: none;
padding-left: 15px; }
.fl-tabs-wrapper .tab-content-container .tab-pane.active {
position: relative;
display: block;
animation: showTab 300ms ease-in-out both; }
@keyframes showTab {
from {
top: 5px;
opacity: 0; }
to {
top: 0;
opacity: 1; } }
.fl--portfolio-content-vc-wrap .fl-pagination {
margin-top: 40px; }
.single-project__stiky .elementor-widget-wrap {
position: static !important; }
@media (min-width: 768px) {
.single-project__stiky .elementor-widget-wrap {
position: sticky !important;
top: 0;
height: fit-content;
transition: 0.5s ease; } }
.elementor-widget-tm-video-button {
margin-top: 0px !important;
margin-right: 0px !important;
margin-bottom: 0px !important;
margin-left: 0px !important; }
.elementor-widget-tm-video-button .tm_video_button .our-story__buttons {
margin-top: 0px;
transform: translateY(0px); }
.fl-portfolio-info-wrapper .fl-portfolio--info {
padding: 0;
margin: 0;
list-style: none; }
.fl-portfolio-info-wrapper .fl-portfolio--info li {
display: flex;
align-items: center;
padding: 15px 0 15px 15px;
margin: 0;
list-style: none;
border-top: 1px solid #dddddd; }
.fl-portfolio-info-wrapper .fl-portfolio--info li .fl-left-content {
display: flex;
align-items: center;
margin-right: 10px; }
.fl-portfolio-info-wrapper .fl-portfolio--info li .fl-left-content i {
margin-right: 15px;
font-size: 20px; }
.fl-portfolio-info-wrapper .fl-portfolio--info li .fl-right-content {
display: flex;
align-items: center;
color: #222222; }
.fl-portfolio-info-wrapper .fl-portfolio--info li .fl-right-content a {
padding: 0 10px;
font-size: 15px;
color: #222222;
transition: .3s ease; }
.fl-portfolio-info-wrapper .fl-portfolio--info li .fl-right-content a:hover {
transition: .3s ease; }
.fl-portfolio-info-wrapper .fl-portfolio--info li:last-child {
border-bottom: 1px solid #dddddd; }
.elementor-section-wrap .elementor-widget.elementor-widget-tm-custom-text-editor {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px; }
.page-builder-custom-text-editor-content-wrap span.author {
font-size: 14px;
font-weight: 600;
font-style: normal; } .our-story {
overflow: hidden; }
.our-story__inner {
padding-bottom: 60px;
border-bottom: solid 1px #d6d6d6; }
@media (min-width: 1200px) {
.our-story__inner {
padding-bottom: 104px; } }
.our-story__intro {
margin-bottom: 20px; }
@media (min-width: 768px) {
.our-story__intro {
margin-bottom: 0; } }
.our-story__intro-wrapper {
position: absolute;
bottom: 50px;
left: 50%;
transform: translateX(-50%); }
@media (min-width: 992px) {
.our-story__intro-wrapper {
bottom: 16.9%;
left: 14.1%;
transform: translateX(0); } }
.our-story__intro-text {
width: 200px;
font-size: 16px;
line-height: 1.6;
color: #ffffff; }
@media (min-width: 992px) {
.our-story__intro-text {
width: 290px;
font-size: 24px; } }
@media (min-width: 1560px) {
.our-story__intro-text {
width: 360px;
font-size: 30px; } }
.our-story__image {
position: relative; }
@media (min-width: 1560px) {
.our-story__image {
width: 850px;
margin-left: -240px; } }
.our-story__image img {
max-width: 100%;
height: auto; }
.our-story__exp {
display: flex;
margin-bottom: 12px;
font-size: 16px;
font-weight: 600;
line-height: 1.33;
color: #ffffff; }
@media (min-width: 1560px) {
.our-story__exp {
margin-bottom: 25px; } }
.our-story__exp-value {
margin-right: 10px;
font-size: 72px;
font-weight: 300;
line-height: 1;
letter-spacing: -0.025em;
align-self: center; }
@media (min-width: 992px) {
.our-story__exp-value {
margin-right: 24px;
font-size: 112px; } }
@media (min-width: 1560px) {
.our-story__exp-value {
margin-right: 36px;
font-size: 150px; } }
.our-story__exp-text {
max-width: 110px;
text-transform: uppercase;
align-self: center; }
@media (min-width: 992px) {
.our-story__exp-text {
max-width: 178px;
font-size: 24px; } }
@media (min-width: 1560px) {
.our-story__exp-text {
max-width: 200px;
font-size: 30px; } }
.our-story__content {
padding-bottom: 5px; }
@media (min-width: 1560px) {
.our-story__content {
position: relative;
left: 75px; } }
.our-story__heading {
margin-bottom: 20px; }
@media (min-width: 1200px) {
.our-story__heading {
margin-bottom: 30px; } }
@media (min-width: 1560px) {
.our-story__heading {
margin-bottom: 37px; } }
.our-story__text {
margin-bottom: 20px;
font-size: 14px;
line-height: 1.45;
color: #666666; }
@media (min-width: 1200px) {
.our-story__text {
max-width: 405px;
margin-bottom: 24px;
font-size: 18px; } }
@media (min-width: 1560px) {
.our-story__text {
margin-bottom: 42px;
line-height: 1.65; }
.our-story__content_par .our-story__text {
margin-bottom: 0px; } }
.our-story__text--style-bolditalic {
font-size: 16px;
font-style: italic;
color: #000000; }
@media (min-width: 1200px) {
.our-story__text--style-bolditalic {
font-size: 22px; } }
@media (min-width: 1560px) {
.our-story__text--style-bolditalic {
line-height: 1.45; } }
.our-story__buttons {
display: flex;
margin-top: 30px;
flex-wrap: wrap; }
@media (min-width: 1560px) {
.our-story__buttons {
margin-top: 9px;
transform: translateY(10px); } }
.our-story__btn {
margin-right: 10px;
align-self: flex-start; }
@media (min-width: 1200px) {
.our-story__btn {
margin-right: 27px; } }
.our-story__statistics {
margin-top: 40px; }
@media (min-width: 1200px) {
.our-story__statistics {
margin-top: 100px; } }
@media (min-width: 1560px) {
.our-story__statistics {
margin-top: 130px; } }
.our-story--parallax {
padding-bottom: 0 !important;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/img/bg-our-story.jpg);
background-repeat: no-repeat;
background-size: cover; }
@media (min-width: 1200px) {
.our-story--parallax {
padding: 0 !important; } }
@media (min-width: 1200px) {
.our-story--parallax .scroll-wrap {
padding: 0 !important; } }
.our-story--parallax .row {
align-items: center;
justify-content: flex-start;
height: 100%;
margin-right: auto;
margin-left: auto;
flex-direction: column; }
@media (min-width: 1200px) {
.our-story--parallax .row {
margin-right: -15px;
margin-left: -15px;
flex-direction: row; } }
.our-story--parallax .our-story__inner {
padding-bottom: 0;
border-bottom: none; }
@media (min-width: 1200px) {
.our-story--parallax .our-story__inner {
height: 100vh;
padding: 0; } }
.our-story--parallax .our-story__intro {
height: 100%; }
@media (min-width: 1200px) {
.our-story--parallax .our-story__intro {
padding-right: 50px;
align-self: flex-end; } }
@media (min-width: 1560px) {
.our-story--parallax .our-story__intro {
padding-right: 100px; } }
.our-story--parallax .our-story__image {
height: 100%;
overflow: hidden;
text-align: center; }
@media (min-width: 1200px) {
.our-story--parallax .our-story__image {
width: 400px;
margin-left: auto; } }
@media (min-width: 1560px) {
.our-story--parallax .our-story__image {
margin-left: auto; } }
@media (min-width: 1700px) {
.our-story--parallax .our-story__image {
width: 706px; } }
.our-story--parallax .our-story__image img {
max-width: 50%;
height: 100%;
object-fit: contain;
object-position: bottom; }
@media (min-width: 576px) {
.our-story--parallax .our-story__image img {
max-width: 30%; } }
@media (min-width: 1200px) {
.our-story--parallax .our-story__image img {
position: relative;
bottom: -8px;
max-width: 100%; } }
@media (min-width: 1560px) {
.our-story--parallax .our-story__image img {
max-width: 100%; } }
.our-story--parallax .our-story__content {
text-align: center; }
@media (min-width: 1200px) {
.our-story--parallax .our-story__content {
padding-bottom: 110px;
text-align: left; } }
@media (min-width: 1560px) {
.our-story--parallax .our-story__content {
padding-top: 24px;
transform: translateX(100px); } }
.our-story--parallax .our-story__heading {
font-weight: 600; }
.our-story__text span {
font-size: 14px;
font-weight: 600;
font-style: normal;
color: #010101; }
.our-story--parallax .our-story__buttons {
align-items: center;
justify-content: center;
margin-top: 35px;
flex-direction: column; }
@media (min-width: 576px) {
.our-story--parallax .our-story__buttons {
align-items: flex-start;
flex-direction: row; } }
@media (min-width: 1200px) {
.our-story--parallax .our-story__buttons {
justify-content: flex-start;
margin-top: 84px; } }
.our-story--parallax .our-story__btn, .our-story--parallax .our-story__video-btn {
align-self: center; }
@media (min-width: 576px) {
.our-story--parallax .our-story__btn, .our-story--parallax .our-story__video-btn {
align-self: flex-start; } }
.our-story--parallax .our-story__btn {
margin-right: 0;
margin-bottom: 15px;
color: #ff4800;
background-color: #ffffff;
border-color: #ffffff;
border-radius: 0;
transition: all 0.3s ease; }
.our-story--parallax .our-story__buttons_parallax a.our-story__btn {
margin-bottom: 15px;
color: #ff4800;
background-color: #ffffff;
border-color: #ffffff;
border-radius: 0;
transition: all 0.3s ease; }
@media (min-width: 576px) {
.our-story--parallax .our-story__btn {
margin-right: 10px;
margin-bottom: 0; } }
@media (min-width: 576px) {
.our-story--parallax .our-story__buttons_parallax {
margin-right: 10px;
margin-bottom: 0; }
.our-story--parallax .our-story__buttons_parallax .our-story__btn {
margin-right: 10px; } }
.our-story--parallax .our-story__btn:hover, .our-story--parallax .our-story__btn:focus {
color: #ffffff;
background-color: #ff4800;
border-color: #ff4800; }
.our-story--parallax .our-story__buttons_parallax .our-story__btn:hover, .our-story--parallax .our-story__buttons_parallax .our-story__btn:focus {
color: #ffffff;
background-color: #ff4800;
border-color: #ff4800; }
@media (min-width: 576px) {
.th-our-story__inner {
display: flex; } }
.th-our-story__exp {
padding: 40px;
background-image: url(//www.grupoductus.es/core/views/0b74dbcbff/assets/css/img/exp-bg.jpg);
background-repeat: no-repeat;
background-size: cover;
border-bottom: solid 1px #000000; }
@media (min-width: 576px) {
.th-our-story__exp {
display: flex;
justify-content: space-between;
flex-direction: column;
border-right: solid 1px #000000;
border-bottom: none; } }
@media (min-width: 768px) {
.th-our-story__exp {
width: 29.24%;
flex-shrink: 0; } }
@media (min-width: 1200px) {
.th-our-story__exp {
padding: 100px 80px; } }
.th-our-story__exp-title {
position: relative;
max-width: 150px;
padding-top: 24px;
margin-bottom: 56px;
font-size: 16px;
line-height: 1.33;
color: #000000;
text-transform: uppercase; }
@media (min-width: 1200px) {
.th-our-story__exp-title {
max-width: 170px;
padding-top: 44px;
font-size: 24px; } }
.th-our-story__exp-title::before {
content: "";
position: absolute;
top: 0;
left: 0;
display: block;
width: 80px;
border-top: solid 4px #000000; }
.th-our-story__exp-value {
font-size: 96px;
line-height: 1;
color: #000000; }
@media (min-width: 1200px) {
.th-our-story__exp-value {
font-size: 130px; } }
@media (min-width: 1560px) {
.th-our-story__exp-value {
font-size: 190px; } }
.th-our-story__content {
padding: 40px; }
@media (min-width: 576px) {
.th-our-story__content {
display: flex;
justify-content: space-between;
flex-direction: column; } }
@media (min-width: 1200px) {
.th-our-story__content {
padding: 100px 80px; } }
.th-our-story__text {
margin-bottom: 56px;
font-size: 18px;
line-height: 1.56;
color: #000000; }
@media (min-width: 768px) {
.th-our-story__text {
font-size: 24px; } }
@media (min-width: 1200px) {
.th-our-story__text {
font-size: 42px; } }
@media (min-width: 1560px) {
.th-our-story__text {
font-size: 46px; } }
@media (min-width: 576px) {
.th-our-story__buttons {
margin-bottom: 12px; } }
@media (min-width: 768px) {
.th-our-story__buttons {
display: flex;
align-items: center;
flex-wrap: wrap; } }
@media (min-width: 1200px) {
.th-our-story__buttons {
margin-bottom: 24px; } }
.th-our-story__btn + * {
margin-top: 16px; }
@media (min-width: 768px) {
.th-our-story__btn + * {
margin-top: 0; } }
@media (min-width: 768px) {
.th-our-story__btn {
margin-right: 28px; } } .type-service--lite {
position: relative;
padding-top: 5px; }
.type-service--lite .type-service__item {
text-align: left; }
.type-service--lite .type-service__item a {
padding: 32px 72px 32px 32px;
border: solid 1px #d6d6d6;
transition: border-color 0.3s ease; }
.type-service--lite .type-service__item a:hover, .type-service--lite .type-service__item a:focus {
border-color: #ff4800; }
@media (min-width: 768px) {
.type-service--lite .type-service__item {
margin-top: 10px !important; }
.type-service--lite .type-service__item:first-child {
margin-top: 0 !important; } }
@media (min-width: 1200px) {
.type-service--lite .type-service__item a {
padding: 47px 120px 43px 60px; } }
.type-service--lite .type-service__item-icon {
position: absolute;
top: 32px;
right: 32px;
width: 32px;
height: auto;
background-image: none; }
@media (min-width: 1200px) {
.type-service--lite .type-service__item-icon {
top: 46px;
right: 51px;
width: 40px; } }
.type-service--lite .type-service__item-heading {
font-weight: 400;
letter-spacing: -0.025em; }
@media (min-width: 1200px) {
.type-service--lite .type-service__item-heading {
margin-bottom: 5px; } }
@media (min-width: 1200px) {
.type-service--lite .type-service__item-text {
margin-bottom: 20px;
font-size: 16px; } }
.type-service--lite .type-service__item-link {
font-size: 12px; }
.type-service__heading {
margin-bottom: 20px;
line-height: 1.08; }
@media (min-width: 1200px) {
.type-service__heading {
margin-bottom: 42px; } }
.type-service__text {
margin-bottom: 40px;
font-size: 14px;
line-height: 1.2;
color: #666666; }
@media (min-width: 768px) {
.type-service__text {
margin-bottom: 60px; } }
@media (min-width: 1200px) {
.type-service__text {
margin-bottom: 112px;
font-size: 18px; } }
.type-service__list {
padding: 0;
margin-top: 0;
margin-bottom: 0;
list-style: none; }
.type-service__item {
text-align: center; }
.type-service__item a {
display: block; }
.type-service__item a:hover, .type-service__item a:focus {
outline: none; }
@media (min-width: 768px) {
.type-service__item {
text-align: left; } }
.type-service__item + .type-service__item {
margin-top: 32px; }
@media (min-width: 768px) {
.type-service__item + .type-service__item {
margin-top: 0; } }
.type-service__item-icon {
display: flex;
justify-content: center;
height: 116px;
margin: 0 auto 24px;
background-size: 100% auto;
transition: fill 0.3s ease; }
@media (min-width: 768px) {
.type-service__item-icon {
margin-left: 0; } }
@media (min-width: 1200px) {
.type-service__item-icon {
margin-bottom: 50px; } }
.type-service__item-icon--interior {
width: 120px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' fill='%23FAECE7' d='M87.606 9.356s25.108 9.985 31.488 33.144c6.38 23.16-22.618 64.286-47.401 69.451-24.784 5.166-68.704-8.565-71.402-46.028C-2.408 28.46 15.143 9.288 41.163 2.105c26.953-7.441 46.443 7.251 46.443 7.251z'/%3e%3c/svg%3e"); }
.type-service__item-icon--interior i {
font-size: 48px;
color: #ff4800;
align-self: center; }
.type-service__item-icon--design {
width: 115px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' fill='%23FAECE7' d='M58.534 113.411s-26.325 6.09-44.758-9.313c-18.433-15.404-18.017-65.724-.587-84.083 17.431-18.36 61.353-32.084 84.905-2.826 23.552 29.258 20.043 55.012 2.746 75.734-17.918 21.466-42.306 20.488-42.306 20.488z'/%3e%3c/svg%3e"); }
.type-service__item-icon--furniture {
width: 120px;
background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' %3e%3cpath fill-rule='evenodd' fill='%23FAECE7' d='M12.544 83.901s-16.991-21.01-11.2-44.324C7.134 16.263 52.568-5.371 76.702 2.275c24.134 7.645 55.686 41.141 39.675 75.118-16.01 33.976-40.705 42.085-66.906 35.592-27.14-6.725-36.927-29.084-36.927-29.084z'/%3e%3c/svg%3e"); }
.type-service__item-icon svg {
align-self: center;
fill: #ff4800; }
.type-service__item-heading {
margin: 0 0 16px;
font-size: 24px;
font-weight: 300;
line-height: 1.11;
color: #000000;
transition: color 0.3s ease; }
.type-service__item-heading:hover {
color: #ff4800; }
@media (min-width: 768px) {
.type-service__item-heading {
max-width: 210px; } }
@media (min-width: 1200px) {
.type-service__item-heading {
max-width: 300px;
margin-bottom: 26px;
font-size: 36px; } }
.type-service__item-text {
margin-bottom: 24px;
font-size: 14px;
line-height: 1.66;
color: #666666;
transition: color 0.3s ease; }
@media (min-width: 768px) {
.type-service__item-text {
max-width: 275px; } }
@media (min-width: 1200px) {
.type-service__item-text {
max-width: 320px;
margin-bottom: 51px;
font-size: 18px; } }
.type-service__item-link {
font-size: 14px;
font-weight: 600;
line-height: 1;
color: #000000;
text-transform: uppercase;
transition: color 0.3s ease; }
.type-service__item-link:hover, .type-service__item-link:focus {
color: #ff4800;
outline: none; }
.type-service__item-link:active {
opacity: 0.7; }
.type-service--parallax {
background-color: #ffffff; }
.webpage--beige .type-service__item a {
border-color: #aeab98;
transition: background-color 0.3s ease, border-color 0.3s ease !important; }
.webpage--beige .type-service__item a.webpage--beige-icon:hover, .webpage--beige .type-service__item a.webpage--beige-icon:focus {
background-color: #4d524b;
border-color: #4d524b; }
.webpage--beige .type-service__item a:hover .type-service__item-heading,
.webpage--beige .type-service__item a:hover .type-service__item-text,
.webpage--beige .type-service__item a:hover .type-service__item-link, .webpage--beige .type-service__item a:focus .type-service__item-heading,
.webpage--beige .type-service__item a:focus .type-service__item-text,
.webpage--beige .type-service__item a:focus .type-service__item-link {
color: #ffffff; }
.webpage--beige .type-service__item a:hover .type-service__item-icon svg, .webpage--beige .type-service__item a:focus .type-service__item-icon svg {
fill: #e6da89; }
.webpage--beige .type-service__item a:hover .type-service__item-icon i, .webpage--beige .type-service__item a:focus .type-service__item-icon i {
color: #e6da89; }
.webpage--beige .type-service__item-heading {
max-width: 300px;
font-family: "Cinzel", "Georgia", serif; }
.webpage--beige .type-service__item-heading:hover {
color: #e6da89 !important; }
.webpage--beige .type-service__item-link {
color: #000000; }
.webpage--beige .type-service__item-icon svg {
fill: #4d524b; }
.webpage--beige .type-service__item-icon i {
color: #4d524b; }
.webpage--beige .type-service__item .type-service__item-link:hover,
.webpage--beige .type-service__item .type-service__item-link:focus {
color: #e6da89 !important; }
.th-type-service__inner {
padding: 40px; }
@media (min-width: 1200px) {
.th-type-service__inner {
padding: 160px 15px 200px; } }
.th-type-service__header {
margin-bottom: 32px; }
@media (min-width: 1200px) {
.th-type-service__header {
margin-bottom: 80px; } }
.th-type-service__heading {
display: inline-block;
font-weight: 400; }
@media (min-width: 1200px) {
.th-type-service__heading {
font-size: 60px; } }
.th-type-service__text {
margin-top: 16px; }
.th-type-service__text {
max-width: 660px;
font-size: 16px;
line-height: 1.7;
color: #666666; }
@media (min-width: 1200px) {
.th-type-service__text {
font-size: 20px; } }
.th-type-service__list {
width: calc(100% + 80px);
padding: 0;
margin-left: -40px;
list-style: none; }
@media (min-width: 768px) {
.th-type-service__list {
width: 100%;
margin: 0; } }
.th-type-service__item--quote {
padding: 40px !important; }
@media (min-width: 768px) {
.th-type-service__item--quote {
padding: 60px !important;
border: none !important; } }
@media (min-width: 1200px) {
.th-type-service__item--quote {
padding: 87px 54px 56px 100px !important; } }
@media (min-width: 768px) {
.th-type-service__item:nth-child(even) {
border-left: none; }
.th-type-service__item:nth-child(n + 3) {
border-top: none; } }
.th-type-service__item a {
position: relative;
display: block;
padding: 40px; }
@media (min-width: 1200px) {
.th-type-service__item a {
padding: 64px 72px 56px; } }
.th-type-service__item a:hover .th-type-service__item-heading, .th-type-service__item a:focus .th-type-service__item-heading {
text-decoration: underline; }
.th-type-service__item a:hover .th-type-service__item-link, .th-type-service__item a:focus .th-type-service__item-link {
font-weight: 600; }
.th-type-service__item a:hover .th-type-service__item-link::before, .th-type-service__item a:focus .th-type-service__item-link::before {
opacity: 1; }
.th-type-service__item a:active {
opacity: 0.7; }
.th-type-service__item-icon {
margin-bottom: 48px; }
.th-type-service__item-icon i {
font-size: 42px;
color: #000000; }
@media (min-width: 1200px) {
.th-type-service__item-icon {
margin-bottom: 96px; } }
.th-type-service__item-icon svg {
display: block;
width: 42px;
height: auto; }
@media (min-width: 1200px) {
.th-type-service__item-icon svg {
width: 54px; } }
.th-type-service__item-heading {
margin-bottom: 30px;
font-size: 30px;
line-height: 1.11;
color: #000000; }
@media (min-width: 1200px) {
.th-type-service__item-heading {
max-width: 276px;
font-size: 36px; } }
.th-type-service__item-text {
font-size: 14px;
line-height: 1.66;
color: #666666; }
@media (min-width: 1200px) {
.th-type-service__item-text {
font-size: 18px; } }
.th-type-service__item-link {
position: absolute;
top: 40px;
right: 40px;
font-size: 14px;
line-height: 1;
color: #000000;
text-transform: uppercase;
z-index: 1; }
@media (min-width: 1200px) {
.th-type-service__item-link {
top: 64px;
right: 72px; } }
.th-type-service__item-link::before {
content: "";
position: absolute;
bottom: -40%;
left: 0;
display: block;
width: 100%;
height: 14px;
background-color: #ffdf91;
opacity: 0;
transition: opacity 0.3s ease;
z-index: -1; }
.th-type-service__quote {
margin-bottom: 16px;
font-family: "EB Garamond", "Georgia", serif;
font-size: 24px;
font-weight: 400;
font-style: normal;
line-height: 1.27;
color: #000000; }
@media (min-width: 1200px) {
.th-type-service__quote {
margin-bottom: 52px;
font-size: 36px; } }
.th-type-service__sign {
margin-bottom: 12px; }
@media (min-width: 1200px) {
.th-type-service__sign {
margin-bottom: 16px; } }
.th-type-service__cite {
font-size: 16px;
font-weight: 600;
font-style: normal;
line-height: 1;
color: #000000; }
.th-type-service__cite span {
font-weight: 400;
color: #999999; } .an-awards {
padding-top: 40px;
overflow: hidden; }
@media (min-width: 1200px) {
.an-awards {
padding-top: 83px; } }
@media (min-width: 1200px) {
.an-awards--about .an-awards__notice {
padding-top: 71px; } }
@media (min-width: 1200px) {
.an-awards--about .an-awards__image {
padding-left: 120px;
margin-top: -20px; } }
.an-awards--different {
overflow: hidden; }
@media (min-width: 1200px) {
.an-awards--different {
padding-top: 155px; } }
@media (min-width: 1200px) {
.an-awards--different .an-awards__intro {
padding-top: 26px; } }
@media (min-width: 1560px) {
.an-awards--different .an-awards__intro {
transform: translateX(171px); } }
.webpage--beige .an-awards__text {
max-width: none;
font-size: 18px;
line-height: 1.5;
color: #999999; }
@media (min-width: 1200px) {
.webpage--beige .an-awards__text {
font-size: 24px; } }
@media (min-width: 1560px) {
.webpage--beige .an-awards__text {
margin-bottom: 107px; } }
.an-awards--different .an-awards__heading {
margin-bottom: 55px; }
.an-awards__intro {
margin-bottom: 20px; }
@media (min-width: 768px) {
.an-awards__intro {
margin-bottom: 0; } }
@media (min-width: 768px) {
.an-awards__image--mb-negative {
margin-bottom: -63px; } }
@media (min-width: 992px) {
.an-awards__image--mb-negative {
margin-bottom: -97px; } }
@media (min-width: 1560px) {
.an-awards__image {
width: 900px; } }
.an-awards__image img {
max-width: 100%;
height: auto; }
@media (min-width: 768px) {
.an-awards__content {
padding-right: 0; } }
@media (min-width: 1560px) {
.an-awards__content {
padding-top: 26px;
align-self: flex-start; } }
.an-awards__heading {
margin-bottom: 20px; }
.an-awards__heading--upper {
text-transform: uppercase; }
@media (min-width: 992px) {
.an-awards__heading {
max-width: 340px; } }
@media (min-width: 1200px) {
.an-awards__heading {
max-width: none; } }
@media (min-width: 1560px) {
.an-awards__heading {
margin-bottom: 22px; } }
.an-awards__text {
max-width: 340px;
margin-bottom: 32px;
font-size: 16px;
line-height: 1.88;
color: #999999; }
@media (min-width: 1200px) {
.an-awards__text {
font-size: 18px; } }
@media (min-width: 1560px) {
.an-awards__text {
margin-bottom: 54px; } }
.an-awards__buttons {
display: flex;
margin-bottom: 40px;
flex-wrap: wrap; }
@media (min-width: 1560px) {
.an-awards__buttons {
margin-bottom: 84px; } }
.an-awards__btn {
margin-right: 10px;
align-self: flex-start; }
@media (min-width: 1200px) {
.an-awards__btn {
margin-right: 27px; } }
.an-awards__notice {
max-width: 400px;
padding-top: 24px;
padding-right: 30px;
margin-bottom: 24px;
font-size: 14px;
line-height: 1.625;
color: #000000;
border-top: solid 1px #d6d6d6; }
@media (min-width: 1200px) {
.an-awards__notice {
font-size: 16px; } }
@media (min-width: 1560px) {
.an-awards__notice {
padding-top: 43px;
margin-bottom: 46px; } }
.an-awards--parallax {
position: relative;
background-repeat: no-repeat;
background-size: cover; }
.an-awards--parallax .scroll-wrap::before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.25); }
.an-awards--parallax .row {
margin: 0; }
@media (min-width: 768px) {
.an-awards--parallax .swiper-container {
padding-bottom: 0; } }
.an-awards--parallax .slide-counter {
position: absolute;
top: 0;
right: 0;
bottom: unset;
left: unset;
width: auto; }
.an-awards--parallax .slide-counter .swiper-pagination-current {
padding-right: 10px; }
.an-awards--parallax .slide-counter .swiper-pagination-total {
padding-left: 10px; }
.an-awards--parallax .arrow-square {
bottom: -60px;
cursor: pointer;
background-color: transparent; }
@media (min-width: 992px) {
.an-awards--parallax .arrow-square:hover {
border-color: #f5480c; }
.an-awards--parallax .arrow-square:hover svg {
fill: #f5480c; } }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square {
bottom: 0; } }
.an-awards--parallax .arrow-square svg {
fill: #ffffff; }
.an-awards--parallax .arrow-square--prev {
left: calc(50% - 50px); }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square--prev {
right: 72px;
left: unset; } }
.an-awards--parallax .arrow-square--next {
right: calc(50% - 50px); }
@media (min-width: 1200px) {
.an-awards--parallax .arrow-square--next {
right: 0; } }
.an-awards--parallax .an-awards__container {
position: relative; }
.an-awards--parallax .an-awards__outer {
width: 100%; }
.an-awards--parallax .an-awards__welcome {
max-width: 200px;
margin-bottom: 20px;
font-size: 18px;
line-height: 30px;
color: #ffffff; }
@media (min-width: 576px) {
.an-awards--parallax .an-awards__welcome {
max-width: 85%; } }
@media (min-width: 768px) {
.an-awards--parallax .an-awards__welcome {
margin-bottom: 32px; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__welcome {
margin-bottom: 72px; } }
.an-awards--parallax .an-awards__heading {
margin-bottom: 20px;
font-size: 36px;
font-weight: 600;
color: #ffffff;
text-transform: capitalize; }
.an-awards--parallax .an-awards__heading br {
display: none; }
@media (min-width: 992px) {
.an-awards--parallax .an-awards__heading {
max-width: 100%;
font-size: 48px; }
.an-awards--parallax .an-awards__heading br {
display: block; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__heading {
font-size: 64px;
line-height: 72px; } }
@media (min-width: 1560px) {
.an-awards--parallax .an-awards__heading {
margin-bottom: 32px; } }
.an-awards--parallax .an-awards__content {
padding: 0; }
.an-awards--parallax .an-awards__text {
max-width: 400px;
margin-bottom: 25px;
color: #ffffff; }
.an-awards--parallax .an-awards__text br {
display: none; }
@media (min-width: 992px) {
.an-awards--parallax .an-awards__text br {
display: none; } }
@media (min-width: 1200px) {
.an-awards--parallax .an-awards__text {
margin-bottom: 112px; } }
.an-awards--parallax .an-awards__buttons {
margin-bottom: 0; }
.an-awards--parallax .an-awards__buttons a {
padding: 20px 22px;
font-size: 16px;
font-weight: 600;
border-radius: 0; }
.an-awards--parallax .an-awards__buttons a.btn {
padding: 20px 22px;
font-size: 16px;
font-weight: 600;
border-radius: 0; }
.webpage--beige .an-awards__heading {
font-family: "Cinzel", "Georgia", serif;
color: #ffffff; }
@media (min-width: 1200px) {
.webpage--beige .an-awards__heading {
font-size: 90px;
line-height: 1;
letter-spacing: normal; } }
.webpage--beige .an-awards__text {
line-height: 1.5;
color: #cccccc; }
.webpage--beige .an-awards {
overflow: visible; }
.page-builder-custom-text-editor-content-wrap ul {
padding: 0 0 0 20px;
list-style: unset; }
.page-builder-custom-text-editor-content-wrap ul li {
margin-bottom: 16px;
font-size: 14px;
line-height: 1.6; }
@media (min-width: 768px) {
.page-builder-custom-text-editor-content-wrap ul li {
font-size: 18px; } }
@media (min-width: 1200px) {
.page-builder-custom-text-editor-content-wrap ul li {
margin-bottom: 20px; } }
.page-builder-custom-text-editor-content-wrap ul li:last-child {
margin-bottom: 0; }
.page-builder-custom-text-editor-content-wrap a {
font-weight: 600;
color: #f5480c; } .form {
overflow: hidden; }
.form__title {
margin-bottom: 22px;
font-size: 48px;
letter-spacing: -1.2px; }
.form__subtitle {
margin-bottom: 100px;
font-size: 18px;
color: #666666; }
.form__group {
display: flex;
margin-bottom: 0;
flex-wrap: wrap; }
@media (min-width: 768px) {
.form__group {
margin: 0 -30px 11px; } }
.form__item {
width: 100%;
margin-bottom: 40px; }
@media (min-width: 768px) {
.form__item {
width: calc(33.3333% - 60px);
margin: 0 30px 50px; } }
@media (min-width: 768px) {
.form__field--width-full {
width: 100%;
margin: 0; } }
.form__field--width-full {
height: 150px;
margin: 0; }
@media (min-width: 1200px) {
.form__field--width-full {
height: 209px; } }
.form__field--textarea {
height: 150px; }
@media (min-width: 1200px) {
.form__field--textarea {
height: 209px; } }
.tm_left_menu_page .homepage-parallax .contacts-parallax__btn {
text-transform: capitalize; }
.form__submit {
position: relative;
left: 50%;
width: 210px;
padding: 20px;
margin-top: 40px;
font-size: 18px;
color: #ffffff;
text-transform: uppercase;
cursor: pointer;
background-color: #f5480c;
border: 1px solid #f5480c;
transition: all 0.3s ease;
transform: translateX(-50%); }
@media (min-width: 768px) {
.form__submit {
left: 0;
margin-top: 95px;
transform: none; } }
@media (min-width: 992px) {
.form__submit:hover, .form__submit:focus {
color: #f5480c;
background-color: transparent;
outline: none; } } .contact-block {
max-width: 360px; }
.contact-block--thumb {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent); }
.contact-block__hint {
font-size: 14px;
line-height: 1;
color: #999999;
text-transform: uppercase; }
.contact-block__title {
margin-bottom: 12px;
font-size: 30px;
font-weight: 600;
line-height: 1.6;
color: #000000;
letter-spacing: -0.025em; }
.contact-block__title span {
font-weight: 300;
color: #999999; }
.contact-block__address {
margin-bottom: 12px;
font-size: 16px;
font-style: normal;
line-height: 1.625;
color: #666666; }
@media (min-width: 1200px) {
.contact-block__address {
margin-bottom: 32px; } }
.contact-block__email {
margin-bottom: 24px; }
@media (min-width: 1200px) {
.contact-block__email {
margin-bottom: 68px; } }
.contact-block__email a {
font-size: 16px;
line-height: 1;
color: #000000;
transition: color 0.3s ease; }
.contact-block__email a:hover, .contact-block__email a:focus {
color: #ff4800;
outline: none; }
.contact-block__email a:active {
opacity: 0.7; }
.contact-block__phone {
margin-bottom: 24px; }
.contact-block__phone span {
display: block;
margin-bottom: 12px; }
@media (min-width: 1200px) {
.contact-block__phone {
margin-bottom: 56px; }
.contact-block__phone span {
margin-bottom: 22px; } }
.contact-block__phone a {
font-size: 30px;
line-height: 1;
color: #000000;
letter-spacing: -0.025em;
transition: color 0.3s ease; }
@media (min-width: 1200px) {
.contact-block__phone a {
font-size: 36px; } }
.contact-block__phone a:hover, .contact-block__phone a:focus {
color: #ff4800;
outline: none; }
.contact-block__phone a:active {
opacity: 0.7; }
.contact-block__offices {
margin-bottom: 36px; }
.contact-block__offices span {
display: block;
margin-bottom: 12px; }
@media (min-width: 1200px) {
.contact-block__offices {
margin-bottom: 64px; }
.contact-block__offices span {
margin-bottom: 26px; } }
.contact-block__offices-list {
display: flex;
flex-wrap: wrap; }
.contact-block__offices-item {
position: relative;
margin-right: 20px;
margin-bottom: 8px;
font-size: 16px;
line-height: 1;
color: #000000; }
@media (min-width: 1200px) {
.contact-block__offices-item {
margin-right: 24px;
margin-bottom: 12px; } }
.contact-block__offices-item::after {
content: "|";
position: absolute;
right: -12px;
color: #999999; }
.contact-block__offices-item:last-child {
margin-right: 0; }
.contact-block__offices-item:last-child::after {
display: none; }
.contact-block__offices-item:hover, .contact-block__offices-item:focus {
color: #000000;
text-decoration: underline;
outline: none; }
.contact-block__offices-item:active {
opacity: 0.7; }
.contact-block__offices-item--active {
color: #ff4800;
pointer-events: none;
cursor: default; } .contacts {
padding: 40px 0; }
@media (min-width: 768px) {
.contacts {
position: relative; } }
@media (min-width: 992px) {
.contacts {
padding: 60px 0; } }
@media (min-width: 1200px) {
.contacts {
padding: 90px 0; } }
@media (min-width: 1560px) {
.contacts__inner {
max-width: 1550px; } }
.contacts__header {
margin-bottom: 60px; }
@media (min-width: 1200px) {
.contacts__header {
padding-top: 17px;
margin-bottom: 138px; } }
.contacts__info {
margin-top: 40px; }
@media (min-width: 992px) {
.contacts__info {
margin-top: 0; } }
@media (min-width: 1200px) {
.contacts__info {
margin-left: 30px; } }
.contacts__heading {
max-width: 320px;
margin-bottom: 32px;
font-weight: 400;
letter-spacing: -0.025em; }
.contact-block__btn {
border-radius: 0px; }
@media (min-width: 1200px) {
.contacts__heading {
margin-bottom: 66px;
font-size: 60px; } }
.contacts__contact {
max-width: 400px;
overflow: auto;
background-color: #ffffff; }
@media (min-width: 768px) {
.contacts__contact {
position: relative; } }
@media (min-width: 1200px) {
.contacts__contact {
max-width: 595px; } }
.contacts__modal {
position: fixed;
top: 0;
left: 0;
display: none;
width: 100%;
height: 100%;
padding: 72px 40px;
background-color: #ffffff;
z-index: 1; }
@media (min-width: 768px) {
.contacts__modal {
position: absolute;
padding: 52px 60px;
z-index: 1; } }
@media (min-width: 1200px) {
.contacts__modal {
padding: 72px 100px; } }
.contacts__modal-close {
position: absolute;
top: 30px;
right: 24px;
width: 24px;
height: 24px;
padding: 0;
cursor: pointer;
background-color: transparent;
border: none; }
.contacts__modal-close svg {
display: block;
width: 100%;
height: auto;
transition: fill 0.3s ease; }
.contacts__modal-close:hover, .contacts__modal-close:focus {
outline: none; }
.contacts__modal-close:hover svg, .contacts__modal-close:focus svg {
fill: #ff4800; }
.contacts__modal-close:active {
opacity: 0.7; }
.contacts__modal-form {
display: flex;
justify-content: center;
height: 100%;
flex-direction: column; }
.contacts__modal-field {
margin-bottom: 30px; }
@media (min-width: 768px) {
.contacts__modal-field {
margin-bottom: 18px; } }
@media (min-width: 1200px) {
.contacts__modal-field {
margin-bottom: 30px; } }
.contacts__modal-btn {
margin-top: 20px;
align-self: flex-start; }
@media (min-width: 1200px) {
.contacts__modal-btn {
margin-top: 34px; } }
.contacts__map {
height: 300px;
margin-bottom: 40px;
background-color: #999999;
background-repeat: no-repeat;
background-position: 50% 0; }
@media (min-width: 1200px) {
.contacts__map {
margin-bottom: 137px; } }
.contacts__map iframe {
width: 100%;
height: 100%;
border: none; }
@media (min-width: 1200px) {
.contacts__map {
height: 700px; } }
@media (min-width: 768px) {
.contacts__map--absolute {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%; } } .contact-info {
padding: 0;
margin: 0;
list-style: none; }
@media (min-width: 576px) {
.contact-info {
display: flex;
justify-content: space-between;
flex-wrap: wrap; } }
.contact-info__item {
display: flex;
padding-top: 30px;
margin-bottom: 12px; }
.contact-info__item:last-child {
margin-bottom: 0; }
.contact-info__item:hover .contact-info__icon {
border-color: #ff4800; }
.contact-info__item:hover .contact-info__icon svg {
fill: #ff4800; }
.contact-info__item:hover .contact-info__icon i {
color: #ff4800; }
@media (min-width: 576px) {
.contact-info__item {
width: calc(50% - 8px);
margin-bottom: 0; }
.contact-info__item:nth-child(n + 3) {
margin-top: 24px; } }
.contact-info__item {
min-width: 270px; }
@media (min-width: 1200px) {
.contact-info__item {
width: calc(50% - 20px); } }
.contact-info__icon {
display: flex;
justify-content: center;
width: 60px;
height: 60px;
margin-top: -24px;
margin-right: 24px;
border: solid 1px #999999;
border-radius: 50%;
transition: border-color 0.3s ease;
flex-shrink: 0; }
@media (min-width: 1200px) {
.contact-info__icon {
width: 70px;
height: 70px;
margin-top: -30px;
margin-right: 38px; } }
.contact-info__icon svg {
transition: fill 0.3s ease;
align-self: center;
fill: #999999; }
.contact-info__icon i {
color: #999999;
transition: fill 0.3s ease;
align-self: center; }
.contact-info__title {
margin-bottom: 20px;
font-size: 14px;
line-height: 1;
color: #999999;
text-transform: uppercase; }
@media (min-width: 1200px) {
.contact-info__title {
margin-bottom: 25px; } }
.contact-info__text {
font-size: 16px;
line-height: 1.66;
color: #000000; }
@media (min-width: 1200px) {
.contact-info__text {
font-size: 18px; } }
.contact-info__text a {
color: #000000;
transition: color 0.3s ease; }
.contact-info__text a:hover, .contact-info__text a:focus {
color: #ff4800;
outline: none; }
.contact-info__text a:active {
opacity: 0.7; }
.contact-info__text address {
font-style: normal; }   .vc_row-overlay {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%; } .vc_row[data-row-overflow-visible] {
overflow: visible !important;
z-index: 1; }
.vc_row[data-row-overflow-visible-auto] {
overflow: auto !important; }
.vc_row[data-row-overflow-visible-hidden] {
overflow: hidden !important; } .vc_row[data-row-decor] .decor-white-left {
position: absolute;
top: 0;
right: 9%;
left: 9%;
display: block;
height: 52px;
background: #fff;
-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
clip-path: polygon(0 0, 100% 0, 4% 100%); }
.vc_row[data-row-decor] .decor-white-right {
position: absolute;
top: 0;
right: 84px;
left: 84px;
display: block;
height: 47px;
background-color: #fff;
clip-path: polygon(0 0, 100% 0, 94% 100%, 0 0); }
.vc_row[data-row-decor] .decor-main-cl-left {
position: absolute;
top: 0;
right: 9%;
left: 9%;
display: block;
height: 52px;
-webkit-clip-path: polygon(0 0, 100% 0, 4% 100%);
clip-path: polygon(0 0, 100% 0, 4% 100%); }
.vc_row[data-row-decor] .decor-main-cl-right {
position: absolute;
top: 0;
right: 9%;
left: 9%;
display: block;
height: 52px;
-webkit-clip-path: polygon(0 0, 100% 0, 96% 100%);
clip-path: polygon(0 0, 100% 0, 96% 100%); } .vc_row[data-row-decor-bottom] .decor-white-bottom-left {
position: absolute;
top: auto;
right: 0;
bottom: -1px;
left: 9%;
display: block;
height: 52px;
background: #fff;
-webkit-clip-path: polygon(4% 0, 100% 100%, 0% 100%);
clip-path: polygon(4% 0, 100% 100%, 0% 100%); }
.vc_row[data-row-decor-bottom] .decor-main-cl-bottom-left {
position: absolute;
top: auto;
right: 0;
bottom: -52px;
left: 9%;
display: block;
height: 52px;
background-color: #22abc3;
clip-path: polygon(0 0, 100% 0, 4% 100%); } .fl-woo-category-slider-list-container {
padding: 0;
margin: 0; }
.fl-woo-category-slider-list-container li {
display: inline-flex;
padding: 0 20px;
margin: 0; }
.fl-woo-category-slider-list-container li a {
position: relative;
padding-bottom: 10px;
font-size: 14px;
line-height: 1;
color: #fff;
text-transform: uppercase;
transition: 0.2s ease-in-out !important; }
.fl-woo-category-slider-list-container li a:before {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
background: rgba(255, 255, 255, 0.5);
transition: transform .2s ease-out .2s ,-webkit-transform .2s ease-out .2s;
transform: scaleX(1);
transform-origin: left;
z-index: 1; }
.fl-woo-category-slider-list-container li a:after {
content: '';
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 1px;
transition: transform .2s ease-out,-webkit-transform .2s ease-out;
transform: scaleX(0);
transform-origin: right;
z-index: 2; }
.fl-woo-category-slider-list-container li a:hover {
transition: 0.2s ease-in-out !important; }
.fl-woo-category-slider-list-container li a:hover:after {
transform: scaleX(1);
transform-origin: left; }
.fl-woo-category-slider-list-container li a:hover:before {
transition: transform .2s ease-out ,-webkit-transform .2s ease-out;
transform: scaleX(0);
transform-origin: right; } .bg-position-left-top, .vc_row-has-fill.bg-position-left-top, .vc_col-has-fill .bg-position-left-top {
background-position: left top !important; }
.bg-position-left-center, .vc_row-has-fill.bg-position-left-center, .vc_col-has-fill .bg-position-left-center {
background-position: left center !important; }
.bg-position-left-bottom, .vc_row-has-fill.bg-position-left-bottom, .vc_col-has-fill .bg-position-left-bottom {
background-position: left bottom !important; }
.bg-position-center-top, .vc_row-has-fill.bg-position-center-top, .vc_col-has-fill .bg-position-center-top {
background-position: center top !important; }
.bg-position-center-center, .vc_row-has-fill.bg-position-center-center, .vc_col-has-fill .bg-position-center-center {
background-position: center center !important; }
.bg-position-center-bottom, .vc_row-has-fill.bg-position-center-bottom, .vc_col-has-fill .bg-position-center-bottom {
background-position: center bottom !important; }
.bg-position-right-top, .vc_row-has-fill.bg-position-right-top, .vc_col-has-fill .bg-position-right-top {
background-position: right top !important; }
.bg-position-right-center, .vc_row-has-fill.bg-position-right-center, .vc_col-has-fill .bg-position-right-center {
background-position: right center !important; }
.bg-position-right-bottom, .vc_row-has-fill.bg-position-right-bottom, .vc_col-has-fill .bg-position-right-bottom {
background-position: right bottom !important; } .fl-vc-decor-wrapper {
display: flex;
justify-content: center; }
.fl-vc-decor-wrapper .filter-decor {
display: inline-block;
width: 40px;
height: 1px;
background-color: #fff;
box-shadow: 25px 5px 0 0 #fff, -25px 5px 0 0 #fff;
opacity: .5; } .z-index-1 {
position: relative;
z-index: 1; }
.z-index-2 {
position: relative;
z-index: 2; }
.z-index-3 {
position: relative;
z-index: 3; }
.z-index-4 {
position: relative;
z-index: 4; }
.z-index-5 {
position: relative;
z-index: 5; }  @media screen and (max-width: 1600px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
max-width: 28vw; } }  @media screen and (max-width: 1024px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
max-width: 26vw; }
.fl-places-slider-container-content {
margin: 60px -224px 30px 25px; } } @media (max-width: 992px) {
.fl-partner-wrapper .partner-content .partner-item {
width: 50%; }
.fl-vc-vehicle-search .vc-auto-search {
flex-wrap: wrap; }
.fl-vc-vehicle-search .vc-auto-search .select {
margin-top: 25px; }
.fl-vc-vehicle-search .vc-auto-search .select:first-child {
margin-top: 0; }
.fl-vc-vehicle-search .vc-auto-search .btn {
width: 100%;
margin-top: 25px; }
.vc-number-content-container .number-div-content.reflect-element .inner-content .number {
order: 1; }
.vc-number-content-container .number-div-content.reflect-element .inner-content .number-content, .vc-number-content-container .number-div-content.reflect-element .inner-content .number-title {
order: 2; }
.vc-number-content-container .number-div-content:nth-child(even) {
padding-top: 20px; }
.vc-number-content-container .number-div-content {
padding-top: 20px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .back-text {
font-size: 70px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .font-text {
font-size: 30px; }
.custom-title-cars .fl-title-vc {
margin-top: -30px !important; }
.fl-header-decor-text-wrapper-vc .decor-header-text {
font-size: 20px; }
.fl-phone-number-wrapper-vc.phone-style-two .phone-style-two-content {
margin-top: 15px; }
.fl-places-slider-container-content {
margin: 0 0 0 0; }
.fl-tabs .nav-tabs {
padding-right: 0;
padding-left: 0; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-left: 20px; }
.fl-tabs .nav-tabs li:nth-child(2n+1) .tab-link-content {
margin-left: 0; }
.fl-tabs .tab-content {
padding-right: 0;
padding-left: 0; } }  @media screen and (max-width: 782px) {
.decor-main-cl-left, .decor-main-cl-right, .decor-white-bottom-left, .decor-white-left {
height: 22px !important; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content .offer-slider-image {
display: none !important; }
.vc-offer-slider .slick-arrow {
display: none !important; }
.custom-title-cars .fl-title-vc {
margin-top: -20px !important; }
.fl-about-us-form .input-container {
width: 100%; } } @media screen and (max-width: 768px) {
.fl-home-page-posts-content-vc .home-page-post-container article .left-content {
display: none; }
.fl-icon-box-vc.icon-box-style-two .icon-box-inner-wrap .icon-box-btn {
visibility: visible;
opacity: 1;
transform: translateY(0); }
.fl-counter-wrapper .fl-counter-pref-styles {
font-size: 40px; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-top: 20px; }
.fl-tabs .nav-tabs li:first-child .tab-link-content {
margin-top: 0 !important; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content {
min-height: 220px;
padding-top: 0;
clip-path: none; }
.vc-offer-slider .offer-slider-slide .offer-slide-inner-content .offer-slider-bottom-content .offer-slider-content {
padding-right: 35px;
padding-left: 35px; }
.vc-number-content-container .number-div-content:after {
display: none; }
.vc-number-content-container .number-div-content .inner-content .number {
font-size: 80px; }
.vc-number-content-container .number-div-content:first-child {
padding-top: 0; }
.fl-phone-number-wrapper-vc.phone-style-one .phone-text {
margin-right: 8px; }
.fl-phone-number-wrapper-vc.phone-style-one .phone-number-link {
padding: 13px 17px;
font-size: 13px; } } @media screen and (max-width: 720px) {
.home-page-post-container .blog-post {
margin-top: 25px; }
.home-page-post-container .blog-post:first-child {
margin-top: 0; }
.home-page-post-container .blog-post-default {
margin-top: 25px; }
.home-page-post-container .blog-post-default:first-child {
margin-top: 0; }
.fl-vc-custom-title-container .custom-title-content-wrapper .back-text {
font-size: 60px; }
.fl-vc-custom-title-container .custom-title-content-wrapper .font-text {
font-size: 25px; } } @media (max-width: 680px) {
.fl-action-content-wrapper-vc .vc-fl-action-content .action-image {
display: none; }
.fl-phone-number-wrapper-vc.phone-style-one {
flex-wrap: wrap; }
.fl-vc-car-detail-wrapper .car-detail-slider .car-detail-slide .slider-content {
padding-right: 30px;
padding-left: 30px; }
.fl-vc-car-detail-wrapper .car-detail-slider .car-detail-slide .slider-content .bottom-slide-content .bottom-car-info .icon-content-info-wrapper {
margin-top: 15px; }
.vc-number-content-container .number-div-content .inner-content .number:after {
display: none !important; }
.fl-header-decor-text-wrapper-vc .decor-header-text {
font-size: 17px; }
.fl-semi-circle-progress-container-content {
justify-content: center; }
.fl-semi-circle-progress-container-content .semi-circle-progress-bar-wrapper-vc {
margin-top: 20px; }
.fl-tabs .nav-tabs li .tab-link-content {
margin-left: 0 !important; } }