@charset "UTF-8";

/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  1025px UP  */
@media all and (min-width:1025px) {
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.jump_header {
		margin-top: 14.5vh
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
	.case h5 {
		font-size: 3vw;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  DESIGN  */
	.swiperPrincipal:first-child .gridFuture {
		width: 80%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */
	.ax_btn {
		height: 60px;
		width: 60px;
	}
	.wrap_case .to_menu {
		height: calc(100% - 30px)
	}
	.case_footer .to_menu {
		max-height: 60px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CONTACT  */
	.wrap_RS span {
		height: 40vh;
		width: calc(33.3333333333% - 1px);
		float: left;
		border-right: 1px solid #222;
	}
	.wrap_RS a:last-of-type span {
		border-right: 0;
	}
	.wrap_RS span svg {
		width: 13%
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  1024px DOWN  */
@media all and (max-width:1024px) {
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.jump_header {
		margin-top: 3.5%
	}
	.col-2 {
		width: 100% !important;
	}
	.col-2 .content {
		width: 65%;
	}
	.col-2 .content p, h2 {
		width: 100%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
	.section_portfolio {
		margin: 12vh 0 6vh;
	}
	.case{
		width: calc(50% - 24px) !important;
		margin: 12px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ABOUT  */
	.aboutSD a:first-of-type span {
		border-right: 0;
		border-bottom: 1px solid #222;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */
	.wrap_case .to_menu {
		height: calc(100% - 20px)
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CONTACT  */
	.wrap_RS {
		width: 100%;
		height: 70%
	}
	.wrap_RS {
		height: 40vh;
	}
	.wrap_RS .wrap_all {
		height: 100%
	}
	.wrap_RS span {
		width: calc(33.3333333333% - 1px);
		height: 100%;
		float: left;
		border-right: 1px solid #333;
	}
	.wrap_RS span svg {
		width: 17%
	}
	.wrap_RS a:last-of-type span {
		border-right: 1px solid #000
	}
	.wrap_contact_links li:nth-last-child(-n+3){
		font-size: 2vw;
	}
	.wrap_contact_links li:nth-last-child(2), .wrap_contact_links li:nth-last-child(3) {
		padding-top: 30px
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  860px DOWN  */
 @media all and (max-width:860px) {
	 p.small, li:not(.footerAlt li):not(.tags li) {
    font-size: 6.3vw;
	 }
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.wrap_all {
		width: 100vw;
		border: none !important;
	}
	.right {
		float: left
	}
	.aurea_38, .aurea_61 {
		width: 100vw !important
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
	.Iam .no {
    margin-left: calc(10px + 410*(100vw - 320px)/1600);
	}
	.Iam .yes {
    margin-left: calc(10px + 460*(100vw - 320px)/1600);
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ABOUT  */
	.clients .aurea_38 {
		border-right: 0
	}
	.clients .aurea_61 {
		border-top: 1px solid #222;
		border-left: 0px
	}
	.services .aurea_61, .services .aurea_38 {
		width: 100% !important
	}
	.services h3 {
		margin-bottom: 40px;
		line-height: normal;
	}
	.aboutSD .content {
		padding: 130px 0
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  DESIGN  */
	.wrap_portfolio {
		padding: 20px
	}
	.swiperPrincipal:first-child .gridFuture  {
		margin-top: 30px
	}
	.swiperPrincipal:first-child .arrow {
		-webkit-transform: rotate(134deg) translatez(0);
		transform: rotate(134deg) translatez(0);
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  SOFTWARE  */
	.soft_slide {
		width: calc(100vw - 20px);
	}
	.soft_slide .swiper-wrapper h1 {
		font-size: 120%;
    width: 80% !important;
		margin: 0 auto;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CONTACT  */
	.preContent *:not(.wrapTag div) {
		margin: 30px 18px
	}
	.jobs .minInfo {
		margin-bottom: 10px;
	}
	.wrap_RS {
		height: 300px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  COVER CASE  */
	.coverCaseH {
		background-size: 100% auto !important;
	}
	.coverCaseW {
		background-size: auto 100% !important;
	}
	.coverExp {
		background-size: cover !important
	}
	.BILATENTE {
		background-size: 160% !important
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE > RELATED  */
	.relatedProject .aurea_61 {
		border-left: 0
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */
	.content_case h1 {
		width: calc(100% - 30px) !important;
	}
	.wrap_case .aurea_61 {
		border-left: 0
	}
	.wrap_case .aurea_61 .contentInfo:first-of-type {
		border-bottom: 0
	}
	.tags:not(.relatedProject .tags) {
		text-align: center;
	}
	.read-more-toggle-label {
		display: none
	}
	.read-more-content {
		max-height: 100%;
	}
	.wrap_case .to_menu {
		display: none;
	}
	.case_info{
		position: fixed;
		width: 100%;
		height: 100%;
		padding-bottom: 0;
		left: 0;
		top: -150%;
		z-index: 8;
		background: #fff;
		color: #000;
		padding: 120px 30px 6vh !important;
		box-sizing: border-box;
		overflow: auto;
		opacity: 0
	}
	.case_info_shown{
		top: 0;
		opacity: 1
	}
	.case_info p {
		margin: 80px 0
	}
	.quote {
		padding: 50px 0
	}
	.quote p {
		width: 100%;
	}
	.qRight, .qLeft {
		float: left
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  FOOTER  */
	footer {
		display: none
	}
	.footerAlt .wrap_all {
		width: 100%
	}
	.footerAlt a:not(li a) {
		margin-right: 18px
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  800px DOWN  */
 @media all and (max-width:800px) {
	img {
		image-rendering: none;
	}
	p {
		width: 100%;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.jump_header {
		margin-top: 0
	}
	.col-2 {
		float: left;
		width: 100%;
	}
	.col-2 * {
		width: 100%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
	.index .fullH {
		height: calc(100vh - 100px)
	}
	.section_portfolio {
		margin: 10vh 0 6vh;
	}
	.case {
		margin: 0 auto 30px 2%;
		float: left;
	}
	.wrap_cases a:nth-of-type(8n) .case{
		float: left;
	}
	.case, .portfolio_text {
		width: 95% !important;
		border: none
	}
	.case h5 {
		font-size: 11vw;
		letter-spacing: -2px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ABOUT  */
	.services_list {
		border-top: 1px solid #ececec;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  680px DOWN  */
@media all and (max-width:680px) {
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.h1_desk {
		display: none;
	}
	.h1_mobile {
		display: block;
	}
	.contentInfo {
		padding: 20px
	}
	.fold {
		grid-template-columns: 1fr;
	}
	.fold div {
		padding-right: 0
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  ABOUT  */
	.backFuture {
		height: 80%;
	}
	.about .jump_fullH {
		margin-top: 80vh
	}
	#containM {
		zoom: 0.6;
		top: 30%
	}
	.who .wrap_all div {
		border-left: none;
	}
	.kindService .aurea_38, .kindService .aurea_61 {
		width: 100%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  DESIGN  */
	.portfolio {
		height: auto;
	}
	.wrap_portfolio {
    padding: 15px;
    clip-path: none;
    margin: 0 auto;
		height: auto;
    width: 100vw;
	}
	.portfolio .swiper {
		overflow-y: auto !important;
		height: auto;
	}
	.portfolio .swiper-wrapper {
		display: block !important;
		height: auto !important;
	}
	.portfolio .swiper-slide {
		margin-bottom: 20px
	}
	.swiperPrincipal  {
		height: 475px !important
	}
	.getgSlide, .siraSlide, .bilaSlide, .mikSlide {
		height: 380px !important
	}
	.aluzSlide, .cineSlide, .perrwSlide, .vnaSlide, .bareSlide, .lissSlide, .playSlide {
		height: 320px !important
	}
	.marqSlide, .perrSlide, .imodSlide, .fillSlide, .siguSlide, .citaSlide {
		height: 500px !important
	}
	.wrap_filter {
		position: fixed;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  SOFTWARE  */
	.soft_slide .swiper-wrapper h1 {
		font-size: 100%;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */
	.coverCase {
		background-attachment: inherit;
    height: 650px;
		position: relative;
	}
	.all_case {
		margin-top: 0
	}
	.case_info {
		padding: 120px 20px 6vh !important;
	}
	.wrap_img_case {
		padding: 5px 10px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  FOOTER  */
	.footerAlt .wrapTag {
		margin-bottom: 60px
	}
	.allLinks {
		position: relative;
		top: 0;
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		padding: 0
	}
	.allLinks a {
		line-height: 1
	}
	.footerAlt img {
		margin: 60px auto;
	}
	.legal_links {
		position: relative;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  500px DOWN  */
@media all and (max-width:500px) {
	p.small, li:not(.footerAlt li):not(.tags li) {
	 font-size: 7vw;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.col-2 div * {
		width: 100%;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  INDEX  */
	.NVN_icon_index {
		display: block;
    margin: 5% 0 0 3%;
    width: 50px;
	}
	.index h1 {
		font-size: 50px
	}
	.Iam {
		top: auto;
		bottom: 5% !important;
	}
	.Iam h4 {
		text-align: left;
		padding-bottom: 6px
	}
	.Iam .yes, .Iam .no {
		margin-left: 0
	}
	.Iam .text, .Iam .text2 {
		margin-left: 5px
	}
	.Iam a {
		display: block;
		margin-top: 20px
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  PRINCIPAL CLASS/ID  */
	.jump_header {
		margin-top: 9%;
	}
	.col-3 {
		width: 100%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  NOSOTROS  */
	.about_section_photo svg, .mora, .copado {
		display: none
	}
	.col-2 .content {
		width: 90%
	}
	.services_list li:before {
		margin-left: -7px;
	}
	.wrap_circle {
		height: 50vw;
		width: 100%;
	}
	.info_circle {
		width: 50vw;
		height: 50vw;
	}
	.info_circle:first-of-type {
		left: calc(50% - 21vw);
	}
	.info_circle:last-of-type {
		left: calc(50% + 21vw);
	}
	.wrap_circle font {
    font-size: 3vw;
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CASE  */
	.case_info p {
		margin: 50px 0
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  CONTACT  */
	.wrap_RS {
		height: 150px;
	}
	.wrap_RS span svg {
		width: 25%
	}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  FOOTER  */
	footer {
    height: 100px;
		display: none
	}
	.footerAlt .col-3 * {
		text-align: center !important;
	}
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––––  2000px UP  */
@media all and (min-width:2000px) {
}