/* Responsive CSS */ /* HACK FOR IE 10/11 */ @media all and (-ms-high-contrast:none) { /* CORRECCION SVG */ /* .menu-open .main-nav-ct {overflow: hidden;} *::-ms-backdrop .menu-open .main-nav-ct {overflow: hidden;}*/ } /* HACK FOR EDGE 12+ */ @supports (-ms-ime-align:auto) { /*.menu-open .main-nav-ct {overflow: hidden;}*/ } /* Media queries -------------------------------------------------------------- */ /* NAVEGACIÓN*/ @media only screen and (max-width: 1200px) { /*.main-nav-ct{background:red !important;}*/ body {font-size: 0.85em} h1, .entry-title {font-size: 2.7em} h2, .entry-subtitle{font-size: 2em} /* HOME */ .panel.two .panel-left .entry-content, .panel.three .panel-news-left .entry-content, .panel-customers-left .entry-content {margin-left: 1vw;} /* SOMOS */ .somos-header {top: 12vw;} .somos-summary {margin-top: -15vw; padding-bottom: 0vw;} /* BLOG */ .sidebar .widget-area .widget {margin-left: 1em;} .sidebar .widget .widget-title, .sidebar .widget h2 {padding-right: 2.4em; } /* CONTACTO */ .contacto-form > .container {margin-left: 0; width: 100%;} /* PORTFOLIO */ .sec-row.portfolio-body ul li{width: 24.65%;} } @media only screen and (max-width: 1120px) { /*.main-nav-ct{background: pink !important;}*/ .panel.another::before {background-position: 0 0} .panel.two .decostart {width: 33vw; left: -17vw;} } /* IPAD Landscape */ @media only screen and (max-width: 1024px) { /*.main-nav-ct{background:violet !important;}*/ /* GENERAL */ body {font-size: 0.8em} [class^="icon-"], [class*=" icon-"] {width: 20px; height: 20px;} [class^="icon-"]:before, [class*=" icon-"]:before {font-size: 20px; line-height: 20px; } [class^="icon-"].med-icon, [class*=" icon-"].med-icon {width: 30px; height: 30px;} [class^="icon-"].med-icon:before, [class*=" icon-"].med-icon:before {font-size: 30px; line-height: 30px; } [class^="icon-"].inter-icon, [class*=" icon-"].inter-icon {width: 40px; height: 40px;} [class^="icon-"].inter-icon:before, [class*=" icon-"].inter-icon:before {font-size: 40px; line-height: 40px; } [class^="icon-"].big-icon, [class*=" icon-"].big-icon {width: 60px; height: 60px;} [class^="icon-"].big-icon:before, [class*=" icon-"].big-icon:before {font-size: 60px; line-height: 60px; } .slider.slider-vertical .slick-prev, .slider.slider-vertical .slick-next {margin-left: -15px;} /* HOME */ .panel.one::before, .panel.another::before {background-position: 0 0; background-size: 140%; background-repeat: no-repeat;} .panel.one::before {background-image: url('../images/home/01_mask_big.png'); background-position: 40% 0} .panel.one .panel-header {left: 10vw; top: 8vw} .panel.one .panel-header .xbig-logo .logo {width: 43vw; height: 9vw;} .panel.one .panel-body {margin-left: 31.5%; top: 20vw} .panel.another::before {background-image: url('../images/home/02_mask_big.png');} .panel.another .panel-body {left: 40.5%} .panel.two .decostart {width: 33%; left: -16%; } .panel.two .soluciones-projects > .columns.items-7 .project-item .accv-header {font-size: 1.2vw;} .panel.two .soluciones-projects > .columns.items-7 .project-item.active .accv-header {font-size: 1.2vw;} /*.panel-customers-right {margin-top: 9vw}*/ /* HOME */ .ct-unete{left: -330px;} /* SOMOS */ .somos-header {width: 26vw; right: 3vw} /* CONTACTO */ .sec-contacto figure.big-logo {margin-bottom: 5em;} .sec-contacto .contacto-body .col-2-3 {width: 80%;} } @media only screen and (max-width: 920px) { .tab-nav li a {font-size: 2.2vw} /* LANDING CALCULADORA */ /*.panel.two .decostart {width: 40%; left: -20%; bottom: -2vw}*/ } /* Devices portrait */ @media only screen and (orientation: portrait) { /*.main-nav-ct{background: blue !important;}*/ /*.panel {display: block;} .panel, .panel .panel-ct, .panel .panel-ct > .columns {height: auto; min-height: auto; margin: 0} .panel .animated {opacity: 1} .panel.one {width: 100vw} .panel.one::before {background-size: 110%; background-position: center top} .panel.one .panel-ct {padding-bottom: 16vw} .panel.one::after, .panel.two::before {display: none;} .panel.two .entry-claim {position: static; margin-left: 0} .panel.two .soluciones-projects .project-item {height: 44vw !important;} .panel.two .accv-item .accv-header {bottom: 1.4em; left: 4.4em;} .panel.two .accv-item.active .accv-header {bottom: 1em; left: 1em;} .panel.three {background-color: #dedede; padding-bottom: 6vw} .panel.three::before {width: 38vw; left: -11vw; opacity: .3;} .panel-customers-right {margin-top: 5vw}*/ } @media only screen and (max-device-width: 1024px) and (orientation: portrait) { .container.small-width {width: 60%} } @media only screen and (max-device-width: 980px) and (orientation: portrait) { .sec-calculadora .col-left .container .soluciones-header{padding-left: 0!important;width: 85%!important;} } @media only screen and (max-width: 820px) { /* PORTFOLIO */ .sec-portolio header{padding: 3em 0 3em 5em} .sec-row.portfolio-body ul li{width: 32.9%;} } @media only screen and (max-width: 768px) { /*.main-nav-ct{background:lightblue !important;}*/ /* GENERAL body {font-size: .7em;} .container.small-width {width: 60%} .container.medium-width, .container.inter-width {width: 80%;} .container.half-width {width: 70%;} [class^="icon-"]:before, [class*=" icon-"]:before {font-size: 22px; line-height: 22px;} blockquote {font-size: 1.4em;} .tab-nav li a {font-size: 1.4em;} /* HOME */ .panel .panel-ct {margin-top: 4.5vw} .panel.another .panel-body {left: 44.5%} /* DECOSTUDIO */ .decostudio-top::before {background-size: 114%;} .decostudio-top .bg, .decostudio-top .bgslider {width: 114%; margin-left: -7%} .decostudio-header {width: 66vw} .decostudio-body {margin-top: -16vw;} .decostudio-body .container.half-width {padding-top: 0} .decostudio-body .decostudio-blocks .container.inter-width {margin-left: 13%} /* SOMOS */ .somos-summary {margin-top: -4vw} /* METODOLOGIA */ .metodo-header {width: 67vw; padding-right: 5vw;} .metodo-body .tab-container .tab-summary {font-size: 1.2em; width: 50%} .steps {padding-bottom: 6em;} .steps .step-header .step-nbr {font-size: 2em; width: 1.3em} .steps .step-ct {font-size: 1.2em; width: 74%} .steps .steps-image, .steps .steps-image .image-ct {width: 63vw; height: 63vw;} .steps .steps-image::before {width: 67vw; height: 67vw;} .metodo-body .tab-nav li {width: 50% !important} .metodo-body .tab-nav li a {padding-left: 9vw; padding-right: 9vw} .metodo-body .tab-container .tab-summary {margin-left: 9vw; margin-right: 9vw} .metodo-body .tab-container:nth-child(even) .steps-image { left: -15vw; top: 3vw;} .metodo-body .tab-container:nth-child(odd) .steps-image {right: -15vw; top: 6vw;} /* BLOG */ .blog-header .xbig-logo {left: 0} /* PORTFOLIO */ .sec-row.portfolio-body ul li{width: 32.9%;} } /* @media only screen and (max-device-width: 768px) and (orientation: landscape) {} @media only screen and (min-device-width: 480px) and (max-device-width: 768px) and (orientation: portrait) {} */ /* IPHONE ----------------------------------------------- */ @media only screen and (max-width: 666px) { /*.main-nav-ct{background:orange !important;}*/ /* GENERAL */ body {font-size: .85em;} .text-adjust {line-height: initial} .text-adjust::after {display: none;} .is-mobile {display: inherit !important;} .is-desktop {display: none !important;} .calculator.is-desktop{display: block!important;} .calculator > .calc-trigger{border-radius: 0 0 0 0;margin-right:0;} .calc-open .calculator{right: 0;bottom: 0;top: initial;} .calculator .calc-content{border-radius: 0 0 0 0;padding: 1.4em 6em;} h1, .entry-title {font-size: 2.3em; } h2, .entry-subtitle {font-size: 2em; } blockquote {font-size: 1.75em !important; padding: 0 5%; text-align: center} .container, .container.medium-width, .container.small-width, .container.inter-width, .container.xsmall-width, .container.big-width, .container.half-width {width: 76%} .container .container {width: 100%} [class^="col-"], [class*=" col-"] {float: none !important; width: 100% !important} .floatRight, .floatLeft {float: none !important;} .columns {display: block;} .col2-ct { -moz-column-count: 1; -moz-column-gap: 0; -moz-column-rule: none; -webkit-column-count: 1; -webkit-column-gap: 0; -webkit-column-rule: none; column-count: 1; column-gap: 0; column-rule: none; } .accv .columns {display: flex;} .accv-item .accv-header {font-size: .6em;} .accv-item.active .accv-header {font-size: .8em;} .logo, .imago {display: inline-block;} .xbig-logo .logo, .big-logo .logo, .panel.one .panel-header .xbig-logo .logo {width: 52vw; height: 10vw;} .tab-nav li a {font-size: 1.2em;} .tab-nav .columns {display: flex;} .owl-carousel .owl-nav .owl-next:before, .owl-carousel .owl-nav .owl-prev:before {font-size: 2.5em} /* MENU */ body.menu-open {overflow-y: hidden} .site-navigation {width: 100%} .site-navigation.menu-mobile { display: block; overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; left: 101vw; padding: 14vh 0; width: 100vw; height: 100%; height: calc(100% - 28vh); background-color: #000; z-index: 999; -webkit-transition: left .4s linear; transition: left .4s linear; } .site-navigation.menu-mobile ul.menu {display: block;margin-bottom: 3em;} .site-navigation.menu-mobile::before { background: url('../images/logos/imago-blanco.svg') no-repeat 0 120%; background-size: 80%; height: 100%; left: auto; bottom: 0; top: auto; right: -60%; opacity: .1; } .site-navigation.menu-mobile ul.menu > li {padding: .1em 0 .1em 20%; font-size: 1.8em;} body.menu-open .site-navigation.menu-mobile {left: 0} .site-navigation ul.menu.nav-lang > li > a {display: none;} .site-navigation ul.menu.nav-lang ul.sub-menu {padding: initial; position: static; opacity: 1; font-size: 85%} .site-navigation ul.menu.nav-lang ul.sub-menu > li > a {font-weight: 900} .menu-logo { display: block; margin: .7em;} ul.menu li.calc-trigger a{font-size: .7em;} .site-navigation ul.menu > li.calc-trigger{border-radius: 0;height: auto;line-height: 2em;} .site-navigation.menu-mobile ul.menu > li.calc-trigger{padding: 0 .5em 0 .5em;position: absolute;top: 17em;right: 0;z-index: 20;} .site-navigation ul.menu ul.sub-menu{background-color:rgba(0,0,0,0);} .nav-lang.menu{width:20%;padding-left: 16%;} /* HOME */ .ct-unete{left: -350px;} .sec-h, .panel, .sec-h section, .panel {display: block;overflow: initial; width: auto; height: auto; margin-left: 0} .panel, .panel .panel-ct, .panel .panel-ct > .columns {height: auto; min-height: auto; margin: 0; overflow: initial;} .panel .animated {opacity: 1} .panel.one {height: 100vh; min-height: 600px; background-position: 21% bottom; background-size: 180%;} .panel.one .panel-header, .panel.another .panel-header, .panel.one .panel-body, .panel.another .panel-body {position: static; width: auto} .panel.one::before {background-size: 240%; background-position: 10% 0;} .panel.one .panel-ct {padding: 9em 19% 18em 15%} .panel.one .panel-body {margin-top: 2em} .panel.another::before {background-size: 200%; background-position: 80% 0;} .panel.another .panel-ct {padding: 5em 19% 10em 15%} .panel.another .panel-body .entry-content {padding-left: 10%} .panel.two {background-color: #FFF} .panel.two::before {display: none;} .panel.two .panel-left > .container {padding-bottom: 0} .panel.two .entry-claim {position: static; margin-left: 0; padding-bottom: 4em; padding-top: 2.6em; width: 90%; margin: 0 auto; } .panel.two .soluciones-projects .project-item {height: 50vw !important;} .panel.two .accv-item .accv-header {bottom: 1.4em; left: 4.4em;} .panel.two .accv-item.active .accv-header {bottom: 1em; left: 1em;} .panel.three {background-color: #dedede; padding-bottom: 5em; display: block; overflow: hidden;} .panel.three .panel-ct {padding: 5em 0; display: block; overflow: hidden;} .panel.three::before {width: 48vw; left: -11vw; opacity: .3;} .panel.three .entry-claim {position: static; display: none;} .panel.three .panel-news-left {margin-top: 0} .panel.three .panel-news-left > .container {padding-bottom: 0; margin-left: 12%;} .panel.three .noti-list {padding-top: 2em;margin-left: 13%; margin-right: 15%; border-bottom: 2px solid #FFF} .panel-customers-left, .panel-customers-right {margin-top: 6em; width: 50% !important; float: left !important;} .panel-customers-left {width: 50% !important} .panel-customers-right {width: 50% !important} .panel-customers-right::before {width: 2px;} .panel-customers-right .slick-slide img {max-height: 7vw; max-width: 18vw;} .panel-customers-right .slick-slide img#logo-Wolkswagen {max-height: 6vw} /*.slider.slider-vertical .slick-slide > div {padding: 1.8vw 0}*/ .panel.four .panel-ct {margin-right: 0} .panel.four .contacto-text {margin-left: 0} .panel.four .contacto-text .contacto-form {margin-right: 0} .panel.four .contacto-body .col-2:first-of-type .container {padding-bottom: 0; } .panel.four .contacto-address > .container {margin-left: auto; border-top: 1px solid #444; padding-top: 3em;} .panel.four .contacto-social {position: static; width: 76%; padding-bottom: 2em } .panel.four .footer {position: static;} .sec-form-calculadora .col-left{width: 80%!important;padding: 2em auto;} .sec-form-calculadora .col-right{width: 80%!important;padding: 2em auto;} /* DECOSTUDIO */ .decostudio-top::before {background-size: 164%;} .decostudio-top .bg, .decostudio-top .bgslider {width: 164%; margin-left: -32%} .decostudio-header {width: 78vw; left: 19vw} .decostudio-header .entry-content {margin-left: 13vw; margin-right: 4vw;} .decostudio-body {padding-top: 11vw; margin-top: -25vw;} .decostudio-body .container.half-width {padding-bottom: 0} .decostudio-body .decostudio-history .entry-content {margin: 1em 0 0 1.5em} .decostudio-body .decostudio-blocks .container.inter-width {margin-left: 10%; padding-bottom: 0} .decostudio-body .decostudio-blocks .block-item .entry-content {margin-left: 9vw} /* METODO */ .metodo-top::before {display: none;} .metodo-top .bg, .metodo-top .bgslider {position: absolute;} .metodo-header {position: relative; width: 72%; height: auto; padding-left: 14%; padding-right: 14%; background: #ebebeb url('../images/logos/flor-blanco.svg') no-repeat bottom center; background-size: 100%} .metodo-header .entry-content {margin: 1em 4vw} .metodo-header .metodo-claim {position: static; clear: both; padding-bottom: 3em; padding-top: 11em;} .metodo-header .metodo-claim blockquote {position: static;} .metodo-text .container {width: 100%} .metodo-body {margin-top: 2em} .steps {padding-bottom: 3em;} .steps .step-body {margin-left: 5.5vw;} .steps .step-header {display: flex;} .steps .step-header .step-nbr {font-size: 2em; width: 1.3em} .steps .step-ct {font-size: 1em; width: 50%; } .steps .steps-image .steps-claim {display: none;} .steps .steps-image, .steps .steps-image .image-ct {width: 73vw; height: 73vw;} .steps .steps-image::before {width: 77vw; height: 77vw;} .metodo-body .tab-nav li {width: 50% !important} .metodo-body .tab-container .tab-summary {font-size: 1em; width: 60% !important;} .metodo-body .tab-container:nth-child(even) .steps-image {left: -42vw;} .metodo-body .tab-container:nth-child(odd) .steps-image {right: -36vw; top: 6vw;} .metodo-body .tab-container:nth-child(even) .steps .step-ct {margin: 0 0 0 43%;} .metodo-body .tab-container:nth-child(odd) .steps .step-ct {margin: 0 43% 0 5%;} .metodo-body .tab-container:nth-child(odd) .tab-summary {float: right !important} /* SOLUCIONES */ .soluciones-top .big-logo {display: none;} .soluciones-top .soluciones-header, .soluciones-top .soluciones-summary {position: static; width: 76%; padding: 2em 12%; } .soluciones-top .soluciones-header {background-color: #fff; padding-top: 3em;} .sol-info .container {padding-bottom: 0} .sol-info .container .container {margin-left: 0; width: 70%} .sol-info .steps-image {left: auto; right: -31.5vw; top: 8vw; position: absolute; } .sol-blocks {margin-top: 0} .sol-blocks .block-item {padding: 1em 0;} .sol-claim {position: static;} .sol-claim blockquote {padding: 0 15%} .sol-customers .logos-carousel img {max-height: 8vw; max-width: 16vw;} /* SOMOS */ .somos-top-bg {width: 100vw;} .somos-top-bg .big-logo {top: 7vw; left: 29.5vw} .somos-header {position: static; width: 76%; margin: 0 auto; padding: 4vw 0 7vw} .somos-summary {margin-top: 0; background-color: #FFF; padding-top: 7vw;} .somos-header .entry-content, .somos-summary .entry-content {margin: 1em 0 0 0 } /* BLOG */ .blog-header .xbig-logo {padding-bottom: 6vw} .noticia-item .noticia-title {font-size: 1.4em; line-height: 100%} .sidebar .widget-area {justify-content: space-between;} .sidebar .widget-area .widget {margin-left: 1em; margin-right: 1em; width: 100%} .sidebar .widget-area .widget:first-child {margin-left: 0} .sidebar .widget-area .widget:last-child {margin-right: 0} .noticia-show .blog-header, .noticia-show .blog-header .sidebar {padding-top: 2em;} .noticia-show .noti-featured .noticia-titles {width: 100%} .noti-list.columns .noticia-item {width: 100%} /* CONTACTO */ body.page-template-contacto .main-nav-ct {border-bottom: 1px solid #444;} .sec-contacto::before {display: none;} .sec-contacto figure.xbig-logo {margin: 5em auto; width: 76%;} .sec-contacto .contacto-address {padding-top: 2em !important; border-top: 1px solid #444; margin-top: 3em;} .contacto-address > .container {margin-left: 0; display: flex; flex-wrap: wrap; } .contacto-address .block-item {width: 50% !important} .contacto-social .entry-social {text-align: center} .contacto-social {text-align: center; border-top: 1px solid #444; margin-top: -2em; padding-top: 2em !important; width: 73%; margin: -2em auto 1em;} .contacto-social .nav-social ul > li > a {margin-right: 0} /* FOOTER */ .footer .footer-left {margin-left: 0; text-align: center} .footer .footer-right {display: none;} /* PORTFOLIO */ .sec-row.portfolio-body ul li{width: 100%;} .lightbox-ct .portfolio-header{padding-left: 4em;} .lightbox-ct .gallery-portfolio h3{font-size: 2em;} .lightbox-ct{padding-bottom: 5em;} .lightbox-ct .gallery-portfolio .ct-content .close{right: -1.5em;} .lightbox-ct .gallery-portfolio p.accv-subtitle{font-size: 1.1em;} .lightbox-ct .gallery-portfolio{width: 100%;} .lightbox-ct .gallery-portfolio h3{font-size: 1.4em;padding-top: 2.5em;} .lightbox-ct .gallery-portfolio h3 small{font-size: .5em;} /* MOBILIARIO */ .sec-mobiliario{background-image: none;background-color: #fff;} .sec-mobiliario-top .col-right{margin-left: 0;} .sec-mobiliario-top{margin: 6em auto;} .sec-mobiliario-bottom{width: 85%;} .sec-mobiliario-bottom .entry-content h2:after{width: 0;height: 0;} .sec-mobiliario .owl-carousel .owl-nav .owl-next:before, .sec-mobiliario .owl-carousel .owl-nav .owl-prev:before{color:#000;} .sec-mobiliario-bottom .owl-carousel .owl-nav button.owl-next{right: -3em!important;} .sec-mobiliario-bottom .owl-carousel .owl-nav .owl-prev{left: -3em;} /* CALCULADORA */ /*.sec-calculadora{background-size: 200%;background-position: 61% 0;}*/ .sec-calculadora{background:#0ca23c url('../images/calculadora/imago-left.svg') no-repeat 0 0;background-size: 130%;/*background-size: 58% ;*/padding-bottom:2em;} .sec-calculadora .col-left .container .soluciones-header{width: 100%;padding: 4em 0 0 0;} .sec-calculadora .col-right{background-size: 70%;background-position: 100% -12%;padding-bottom: 4em!important;background: none;} .sec-calculadora .col-right .header{width: 85%;margin: 3em auto 2em auto;} .sec-calculadora .col-left .container{width: 85%;padding: 7em 0 10em 0;margin: 0 auto;} .sec-calculadora .col-right .slider.slider-vertical-reformas{width: 85%;} } @media only screen and (max-width: 550px) { .sec-calculadora{background-size: 164%;} .sec-calculadora .col-left .container{padding-bottom: 0;} } @media only screen and (max-width: 550px) { .panel.one{background-size: 210%;} .sec-calculadora .col-right .header{margin-top: 8em;} } @media only screen and (max-width: 490px) {.panel.one{background-size: 240%;} .panel.one::before {background-size: 290%}} /* MOVIL PORTRAIT */ @media only screen and (max-width: 480px) { /*.main-nav-ct{background:black !important;}*/ /* GENERAL */ /*body {font-size: .85em;}*/ br {display: none;} .text-small, .text-xsmall {font-size: 96%} input, select, textarea {font-size: 100%} blockquote {font-size: 1.7em !important; padding: 0 3%} .container {padding-top: 3em; padding-bottom: 3em} .xbig-logo .logo, .big-logo .logo {width: 58vw; height: 12vw;} /* Acordeon vertical pasa a horizontal */ .accv-item, .panel.two .soluciones-projects .project-item {width: 100% !important; height: 4.8em !important; border-bottom: 3px solid #FFF; -webkit-transition: height .4s ease-in-out; transition: height .4s ease-in-out; } .accv-item .accv-header {font-size: .8em !important; bottom: 1em !important; left: 1em !important; width: 100% !important; -webkit-transform: rotate(0) !important; transform: rotate(0) !important; } .accv-item.active, .panel.two .soluciones-projects .project-item.active {height: 23em !important} .accv-item::after {top: 50%; top: calc(50% - 0.4em);left: auto; right: .7em; font-size: 1.4em; width: 1em; height: 1em;transform-origin: center} .accv-item:hover::after {transform: scale(1.1) translateY(0.1em) translateX(-.25em); transform-origin: center;} /*.accv .accv-item {width: 100% !important; height: auto !important; padding-bottom: 1em; background: #000 !important; margin-top: 1.4em; cursor: text; } .accv .accv-item .accv-image {display: block;} .accv .accv-item::before {width: 1px; background-color: rgba(255,255,225,.2);} .accv .accv-item::after {display: none;} .accv .accv-item.active::before {display: block;} .accv .accv-item .accv-header {position: static !important; font-size: 80% !important; width: auto; margin-left: 1.4em; -webkit-transform: rotate(0); transform: rotate(0); } .accv .accv-item .accv-header .accv-title::before {color: #0ca23c}*/ .owl-carousel .owl-nav .owl-prev {left: -3.5em;} .owl-carousel .owl-nav .owl-next {right: -3em;} .tab-nav li a {font-size: 1.2em;} /* HOME */ .panel.one::before {background-size: 300%} .panel.one .panel-ct {padding: 7em 19% 15em 15%} .panel.one .panel-header {left: 32vw; top: 17vw;} .panel.one .panel-header .xbig-logo .logo {width: 66vw; height: 13vw;} .panel.one .panel-body {margin-left: 25.5%} .panel.another::before {background-size: 300%; background-position: 27% 0;} .panel.two .soluciones-projects {padding-left: 0} /*.panel.two .soluciones-projects .project-item {height: auto !important;}*/ .panel.three {padding-bottom: 5em} .panel.three::before {width: 100vw; left: -44vw; opacity: .2; bottom: -22vw;} .panel-customers-left, .panel-customers-right {width: 100% !important; margin-top: 0} .panel-customers-left > .container {padding-bottom: 2em;} .panel-customers-right::before {display: none;} .panel-customers-right .slick-slide img {max-height: 10vh; max-width: 30vw; } .panel-customers-right .slick-slide img#logo-Wolkswagen {max-height: 9.5vh} .slider.slider-vertical .slick-slide > div {padding: 1.4em 0} .panel.four .panel-ct {padding: 2em 0} .panel.four .contacto-text .contacto-form {margin-right: 0} .ct-unete{left: -515px;background-size: 5%;} /* DECOSTUDIO */ .decostudio-top .bg, .decostudio-top .bgslider {position: absolute;} .decostudio-top::before {display: none;} .decostudio-header {background: #d9b3ba; padding: 4em 4% 6em 15%; width: 76%; position: relative; top: 0; left: 0; border-radius: 0 0 14em 0 } .decostudio-header .entry-content {margin: 2em 4em 2em 0} .decostudio-body {margin-top: 0; background-color: #ebebeb} /*.decostudio-body blockquote {margin-top: -3em;}*/ /* METODOLOGIA */ .metodo-header .metodo-claim {position: static; clear: both; padding-bottom: 3em; padding-top: 6em;} .metodo-body .tab-nav li {border-width: 2px !important;} .metodo-body .tab-nav li a {text-align: center !important; padding: .8em 1.4em;} .metodo-body .tab-nav li a span::after {height: 2px; bottom: calc(-0.8em - 2px)} .steps .steps-image {display: none;} .steps .step-ct {width: 76%; padding-top: .8em; padding-bottom: .8em;} .steps .step-body {margin-left: 2.85em;} .metodo-body .tab-container .tab-summary {margin: 0 auto; width: 76% !important} .metodo-body .tab-container .tab-summary > .container {padding-bottom: 2em;} .metodo-body .tab-container:nth-child(even) .steps .step-ct, .metodo-body .tab-container:nth-child(odd) .steps .step-ct {margin-right: 10%; margin-left: 10%;} .metodo-body .tab-container:nth-child(odd) .tab-summary {float: none !important; text-align: left;} .metodo-body .tab-container:nth-child(even) .row-sec#step-1, .metodo-body .tab-container:nth-child(even) .row-sec#step-6, .metodo-body .tab-container:nth-child(even) .row-sec#step-2, .metodo-body .tab-container:nth-child(even) .row-sec#step-5, .metodo-body .tab-container:nth-child(odd) .row-sec#step-1, .metodo-body .tab-container:nth-child(odd) .row-sec#step-6, .metodo-body .tab-container:nth-child(odd) .row-sec#step-2, .metodo-body .tab-container:nth-child(odd) .row-sec#step-5 {left: 0} /* SOLUCIONES */ .soluciones-top .soluciones-summary {padding-top: 3em;} .sol-customers .logos-carousel img {max-height: 4em; max-width: 7em;} /*.soluciones-projects {width: 76%; margin: 0 auto; background: none; padding-bottom: 4em;} .soluciones-projects .project-item {height: auto !important}*/ .sol-claim blockquote {padding: 0 10%} /* SOMOS */ .somos-header {padding-top: 8vw} .somos-team {width: 76%; margin: 0;padding: 0 12% 4em; background-color: #FFF} .somos-top-bg::before {background-size: 110%} .somos-top .bgslider, .somos-top .bg {width: 110%; margin-left: -5%} .somos-summary .container {padding-bottom: 2em;} /* BLOG */ .noti-featured {border-top: none} .noti-featured h2.entry-subtitle + h3, .noti-featured h1.entry-subtitle + h2 {margin-left: 0} .noti-featured .noticia-content {padding-top: .8em;} .noti-featured .noticia-image::before {display: none;} .noti-featured .noticia-meta {border-top: 2px solid #FFF; margin-top: 1em; padding-top: 1em; } .sidebar {padding-top: 2em;} .sidebar .widget-area {display: block;} .sidebar .widget-area .widget {margin-left: 0; margin-right: 0;} .sidebar .widget .widget-title + .wp-widget-group__inner-blocks {position: static; display: none; width: auto; opacity: 1; visibility: visible; margin-top: 0; border-top: 0} .sidebar .widget.active .widget-title + .wp-widget-group__inner-blocks {display: block;} /* CONTACTO */ .sec-contacto figure.big-logo {margin-bottom: 3em;} .contacto-address {font-size: 92%; text-align: center} .contacto-address .block-item {width: 100% !important} .contacto-address ul:not(.no-bullets) {margin-left: 0} .contacto-address ul:not(.no-bullets) li::before {position: static; display: inline-block; margin-right: .3em; vertical-align: middle; } } /* MOVIL PORTRAIT ----------------------------------------------- */ @media only screen and (max-width: 440px) and (orientation: portrait) { .sec-calculadora .col-right .header{margin-top: 0;} .sec-calculadora{background-size: 195%;} .sec-calculadora .col-left{margin-bottom: 5em;} .sec-calculadora .col-left .container .soluciones-header .entry-content{padding-left: 0;} .sec-calculadora .col-left .container .soluciones-header{width: 100%!important;} } @media only screen and (max-width: 430px) and (orientation: portrait) { .sec-calculadora{background-size: 198%;background-position: 20% 0;} .sec-calculadora .col-right{padding-bottom: 0!important;} } @media only screen and (max-width: 393px) and (orientation: portrait) { .sec-calculadora .col-right .header{margin-top: 0;} .sec-calculadora{background-size: 230%;background-position: 20% 0;} .sec-calculadora .col-right{padding-bottom: 0!important;} } /* IPHONE6Plus PORTRAIT */ @media only screen and (max-width: 414px) and (max-device-width: 736px) and (orientation: portrait) {} @media only screen and (max-width: 390px) { } @media only screen and (max-width: 375px) and (orientation: portrait) { .sec-row.portfolio-body ul li{width: 100%;margin: 0 0;} .lightbox-ct .gallery-portfolio .ct-content .close{top: -2em;} .lightbox-ct .gallery-portfolio h3{font-size: 1.5em;} .sec-calculadora{background-size: 265%;} } /* IPHONEX PORTRAIT */ @media only screen and (max-width: 375px) and (max-device-width: 812px) and (orientation: portrait) {} @media only screen and (max-width: 375px) and (max-device-width: 667px) and (orientation: portrait) {} @media only screen and (max-width: 375px) { blockquote {padding: 0 5% !important} .decostudio-body {margin-top: 31vh} .panel.another .panel-ct {padding-top: 4em} .panel.another::before {background-size: 350%; background-position: 27% 0;} /*background-size: 310%; background-position: 27% 0;*/ } @media only screen and (max-width: 320px) { body {font-size: .7em} } /* PANTALLAS GRANDES ----------------------------------------------- */ @media only screen and (min-width: 1500px) { /*.main-nav-ct{background:red !important;}*/ /* GENERAL */ body {font-size: 1em;} .xbig-logo .logo {width: 33.5vw} .big-logo .logo {width: 32vw; height: 6vw} /* SOMOS */ .somos-team {margin-top: 5em;} } @media only screen and (min-width: 1580px) { .panel.one::before {background: url('../images/home/01_mask_big.png') no-repeat 0 0; background-size: 100%} .panel.another::before {background: url('../images/home/02_mask_big.png') no-repeat 0 0; background-size: 100%} } @media only screen and (min-width: 1750px) { /*.main-nav-ct{background:green !important;}*/ /* GENERAL */ body {font-size: 1.3em;} .xbig-logo .logo {width: 33vw} [class^="icon-"], [class*=" icon-"]{width: 38px; height: 38px;} [class^="icon-"]:before, [class*=" icon-"]:before {font-size: 38px; line-height: 38px;} [class^="icon-"].med-icon, [class*=" icon-"].med-icon {width: 50px; height: 50px;} [class^="icon-"].med-icon:before, [class*=" icon-"].med-icon:before {font-size: 50px; line-height: 50px;} .slider.slider-vertical .slick-prev, .slider.slider-vertical .slick-next {margin-left: -25px;} .slider.slider-vertical .slick-slide > div {padding: 1em 0} /* HOME */ .ct-unete{left: -450px;top: 30em;background-position: 96% 55%;} } @media only screen and (min-width: 2000px) { /*.main-nav-ct{background:blue !important;}*/ /* GENERAL */ body {font-size: 1.4em;} .panel-customers-right .slick-slide img {max-height: 3vw; max-width: 8vw} /* HOME */ .ct-unete{left: -475px;top: 30em;} } @media only screen and (min-width: 2500px) { /*.main-nav-ct{background:orange !important;}*/ /* GENERAL */ body {font-size: 1.6em;} }