/* Responsive CSS */

/* Media queries
-------------------------------------------------------------- */

@media only screen and (orientation: portrait){
	
	/*.nav-trigger{background: orange !important;}*/

	/* HOME */
	.prehome {background-position: top; background: url('../images/home/mask.jpg') no-repeat center bottom; background-size: cover; }
	.bg-video {display: none;}
	.sec-home {padding-top: 170%; /*padding-top: 0*/}

	.home-inactive .home-top {opacity: 1}
}

@media only screen and (max-width: 1200px) {
	
	/*.nav-trigger{background: red !important;}*/

	/* GENERAL */
	body {font-size: .9em}

	/* HOME */
	.home-vehiculos{height: 18em;}
	.home-vehiculos .v-just .v-logo{right: 6em;}
	.home-vehiculos{height: 17em;}

}


@media only screen and (max-width: 1024px) {
	
	/*.nav-trigger{background: green !important;}*/

	/* GENERAL */
	h1, .entry-title {font-size: 3.2em}
	h2, .entry-subtitle {font-size: 2em;}
	.text-xsmall {font-size: 90%}

	/* HOME */
	.home-top .col-2.floatRight {width: 70%; margin-right: 7%}
	/*.home-vehiculos::after {width: 8%; margin-left: -4%}*/
	.home-vehiculos .v-logo {height: 6em;}
	/*.home-vehiculos .v-strong .v-img {margin-left: -5%}
	.home-vehiculos.strong-clicked .v-strong .v-img {margin-left: 23%;}*/


	/* BLACK TIGER */
	.blacktiger-top .col-2 > .container {width: 100%}
	.blacktiger-top .entry-content {margin-top: 3em;}
	.members-img {width: 110%; margin-left: -5%}
	.blacktiger-bottom > .container {padding-bottom: 0}

	/* METODOLOGÍA */
	.metodologia-top .col-3-5 .container.entry-content {margin-left: 0; width: 80%}
	.metodologia-top .container .col-2 .container {width: 80%}
	.metodologia-stepsnav > .container {width: 100%}
	.metodologia-stepsnav ul.menu > li {padding-left: 1.2em; padding-right: 1.2em;} 

	/* VEHICULOS */
	.vehiculos-top figure svg {width: 12em; height: 4em}
	.vehiculos-top > .container.big-width {padding-top: 2em}
	.vehiculos .v-header .container.indent {margin-left: 10%}
	.graphs-container .graph-item {float: none;}
	.graph-item::before {left: 20% !important; width: 80% !important}
	.graph-item:nth-child(even) .container.indent {margin-left: 20%;}
	.vehiculos .strong {padding-bottom: 4em}
	.vehiculos .strong .col-2.floatRight {width: 60%}

	/* CONTACTO */
	.sec-contacto {background: url('../images/contacto/bg.jpg') no-repeat center; background-size: cover; position: relative;}
	.page-template-contacto .bg-video {display: none;}
	.sec-contacto .imago {width: 15em; height: 4.4em;}
	.sec-contacto .container.medium-width {width: 74%}
	
}

@media only screen and (max-device-width: 1024px) and (min-device-width: 768px) and (orientation: portrait) {

	/*.nav-trigger{background: blue !important;}*/

	/* HOME */
	.prehome {background-position: top}
	.sec-home {padding-top: 150%}

	/* CONTACTO */
	.sec-contacto {padding-top: 15em; }
	.sec-contacto .columns {padding: 4em 0}

}

@media only screen and (max-width: 820px) {

	/*.nav-trigger{background: red  !important;}*/

	/* HOME */
	.prehome .scroll-btn {bottom: 2em;}
	.home-top .col-2.floatRight > .container {padding-top: 0}
	/*.home-vehiculos .v-logo {width: 8em}*/
	/*.home-vehiculos .v-just .v-img {margin-left: -18%}
	.home-vehiculos.just-clicked .v-just .v-logo {right: 5em;}
	.home-vehiculos.just-clicked .v-just .v-img {margin-left: -7%}
	.home-vehiculos .v-strong .v-img {margin-left: -22%}
	.home-vehiculos .clicked .v-logo {height: 11em;}
	.home-vehiculos.strong-clicked .v-strong .v-logo {left: 5em;}
	.home-vehiculos.strong-clicked .v-strong .v-img {margin-left: 3%}*/

	/* BLACK TIGER */
	.blacktiger-top .col-2 {width: 70%}
	.members-img {width: 120%; margin-left: -11%;}
	.members-data .member.col-1-3.member-1 .member-ct {-webkit-transform: translateX(-53%); transform: translateX(-53%);}
	.members-data .member.col-1-3.member-2 .member-ct {-webkit-transform: translateX(-63%); transform: translateX(-63%);}
	.members-data .member.col-1-3.member-3 .member-ct {-webkit-transform: translateX(-58%); transform: translateX(-58%);}

	/* METODOLOGÍA */
	.metodologia-steps {width: 100%}
	.metodologia-stepsnav ul.menu > li::after {bottom: 1em;}

	/* VEHICULOS TOP */
	.vehiculos-top .container.big-width {display: block}
	.vehiculos-top .container.big-width > .col-2.columns {width: 66%}
	.vehiculos-top .v-nav {position: relative; bottom: -2em; left: 29%;}
	.vehiculos .v-item .col-2 {width: 100%} 
	.vehiculos .just {background-size: 130%; background-position: 0 -8%}
	.graph-item::before {left: 10% !important}
	.vehiculos .strong {background-size: 120%}
	.vehiculos .strong .col-2.floatRight {width: 80%}

	/* CONTACTO */
	.sec-contacto .container.medium-width {width: 80%}
}	


/* IPAD Portrait */
@media only screen and (max-device-width: 768px) and (orientation: portrait) {
	/*.nav-trigger{background: orange  !important;}*/

	/* CONTACTO */	
	.sec-contacto {padding-top: 7em;}

}

@media only screen and (max-device-width: 820px) and (orientation: landscape) {
	
	/*.nav-trigger{background: pink !important;}*/

	/* GENERAL */
	/*.animado {
	  -webkit-animation-name: none;
	  animation-name: none;
	  visibility: visible !important;
	}*/
	.menu-logo {display: none;}

}


/* IPHONE X Portrait
----------------------------------------------- */
@media only screen and (max-width: 666px) {

	body {font-size: .8em;}

	/* GENERAL */
	.columns,
	div.group-input {display: block;}
	[class^="col-"], [class*=" col-"] {width: auto; float: none; margin-left: auto; margin-right: auto; clear: both; overflow: hidden; width: 100%}
	.container {width: 80%}
	.container.xxsmall-width {width: 40%}
	.container.xsmall-width {width: 50%}
	.container.medium-width,
	.container.inter-width {width: 80%}

	.wp-block-table.aligncenter, .wp-block-table.alignleft, .wp-block-table.alignright {width: 100%}

	[class^="icon-"].big-icon:before, [class*=" icon-"].big-icon:before {font-size: 34px; line-height: 34px;} 
	.sec-default .header {padding-bottom: 2em;}

	.text-xxsmall {font-size: 100%}

	.acc .acc-toggle {display: flex}

	/* MENU */
	.site-navigation {font-size: 190%; line-height: 88%}
	.site-navigation .navigation ul li a::before {display: none;}

	/* HOME */
	body.page-template-home {height: auto !important}
	.prehome .logo {width: 42%}
	.prehome .scroll-btn {display: block;}
	.sec-home {padding-top: 0}
	.prehome {position: relative; height: 800px; opacity: 1 !important}
	.sc_wrapper {opacity: 1 !important; visibility: visible !important}
	.home-top .col-2.floatRight {float: none !important; width: 90%; margin-right: auto}
	.home-top .entry-content {margin-right: 0}
	.scroll-btn.no-mobile {display: none;}

	.home-vehiculos {height: auto;}
	.home-vehiculos .v-item {position: relative;}
	.home-vehiculos::after {display: none;}

	.home-vehiculos .v-logo {height: 7em; top: 50%; margin-top: -3.5em;}
	.home-vehiculos .v-strong .v-img {margin-left: 0}
	.home-vehiculos.strong-clicked .v-strong .v-logo {left: 50%; margin-left: -8.5em;margin-top: -5.5em;}
	.home-vehiculos .v-just {left: 0}
	.home-vehiculos.just-clicked .v-just .v-img {margin-left: -100%}
	.home-vehiculos.just-clicked .v-just .v-logo {right: 50%; margin-right: -8em;margin-top: -5.5em;}

	.home-bottom .container {width: 50%}
	.home-bottom .container br {display: block;}

	.home-vehiculos .v-just .v-logo{right: 12em;}
	.home-vehiculos .v-item{height: 25em!important;}
	.home-vehiculos .v-just .v-logo{right: 5em;}
	.home-vehiculos .v-logo.v-logo-selection{top: 32%;}

	/* BLACKTIGER */
	.blacktiger-top {background-position: -20% 100%; background-size: 130%;}
	.blacktiger-top .top-detail {width: 8em; top: -1em;}
	.blacktiger-top .col-2 {width: 80%; margin-left: 0}
	.blacktiger-top .entry-content {margin-right: 0}
	.blacktiger-top .entry-content .team-button, .blacktiger-top .entry-content .scroll-btn {margin-top: 1em}
	.blacktiger-bottom {background-size: 130%}
	.blacktiger-bottom .container {padding-bottom: 0} 
	.members-img {width: 140%; margin-left: -19%}
	.members-data {display: flex}
	.members-data .member {overflow: visible;}
	.members-data .member .member-ct {background: #000; padding: 1em;-webkit-transform: translateX(-50%) !important; transform: translateX(-50%) !important;}	

	/* METODOLOGÍA */
	.metodologia-top .col-2 {padding-bottom: 2em !important;}
	.metodologia-top .container .col-2 .container {width: 80%; margin-left: 5%}
	.metodologia-steps {padding-bottom: 5em;}
	.metodologia-stepsnav ul.menu {display: flex; flex-wrap: wrap;}
	.metodologia-stepsnav ul.menu > li {width: 60%; padding-bottom: 2em;} 
	.metodologia-stepsnav ul.menu > li::after {bottom: 0.4em; left: 4.25em; 
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg) }
	.metodologia-stepsnav ul.menu > li a {display: flex}
	.metodologia-stepsnav ul.menu > li a span {margin-left: 1em}

	/* VEHÍCULOS */
	.vehiculos-top .container.big-width > .col-2.columns {width: 100%; overflow: visible;}
	.vehiculos-top .container.big-width > .col-2 .container {padding-bottom: 0; margin-left: 0}
	.v-nav-ct {padding-bottom: 2em !important}
	.v-nav-ct, 
	.vehiculos-top .v-nav ul {display: flex}
	.vehiculos-top .v-nav {left: 0}
	.graph-item::before {left: 0% !important; width: 100% !important;}
	.graph, .graph-ct {position: relative;}
	.graph-text {margin-left: 0; margin-top: 3em; min-height: 0}
	.graph-desc {left: 0; position: relative; background: #000; padding: 2em; min-width: 0; display: inline-block;}
	.graph-desc br {display: block;}

	.vehiculos .strong .col-2.floatRight {width: 100%}
	.vehiculos .strong .v-header .v-logo {width: 16em;}

	.vehiculos .v-header .container {width: 100%;}
	.vehiculos .v-header .container.indent {margin-left: 0;}

	.vehiculos .selection .v-header .v-logo{width: 24em;}

	/* CONTACTO */
	.sec-contacto {padding-top: 3em;}
	.contacto-aside .floatRight {float: none !important}
	.sec-contacto .wpcf7 {padding-top: 0}

	/* FOOTER */
	.footer .footer-ct {padding: 2em 7% 0.5em}
	.footer .footer-nav {padding: 1.6em 0 1.6em 0; text-align: left;}
	.footer .footer-nav ul {margin-left: 0.25em;}
	.footer .footer-nav ul li {padding-bottom: .5em; padding-right: 1.6em;}
	/*.footer .footer-nav ul li a::after {content: ' >'}*/
	.footer .footer-nav ul li a {padding-left: .22em;}
	.footer .footer-nav ul li a::before {height: 1em; width: 1em; left: -1.8em; top: auto; bottom: 0.5em; font-family: 'icons'; content: '\e806'; font-size: .4em; line-height: 0.4em; position: absolute; }
	.footer br {display: none;}
	.footer .cnmv, .footer .footer-nav {border-bottom: 1px solid #4f4f4f}
	.footer .cnmv p {padding-bottom: 1.6em;}
	.footer p.footer-ct {padding-left: 7%; padding-right: 7%; padding-bottom: 3em;}

	/* INSIGHTS */
	.graph-container .graph-row div,
	.graph-container .header-row {display: none;}
	.graph-row div.full,
	.graph-row div.g-name {display: flex; align-items: center}
	div.g-name {min-width: 0; justify-content: center; border-bottom: 1px solid #535252}
	span.indicator {width: 7em;}
	span.indicator .ind-text {margin-top: 0.3em; font-size: 120%}
	
}

@media only screen and (max-width: 480px) {

	/* GENERAL */

	.wrapper, .primary, .pusher, .pusher-content {height: auto; overflow-x: hidden; }

	.container.big-width,
	.container {width: 74%}
	/*.container .container {width: 100% !important}*/

	table br,
	.mobile {display: inherit;}

	.text-small,
	.text-xsmall {font-size: 100%}

	.text-huge {font-size: 195%}

	h1, .entry-title {font-size: 2.6em;}

	.sec-default {padding-top: 6em}
	.sec-default .header a {display: none;}

	/* HOME */
	.prehome .logo {width: 58%}
	.home-top .col-2.floatRight {width: 100%}
	.home-bottom {padding-bottom: 3em;}

	/* BLACKTIGER */
	.blacktiger-top {padding-top: 3em; padding-bottom: 0}
	.blacktiger-top::before {background: rgba(255,255,255,.74); height: 100%}
	.blacktiger-top .entry-content.grey {color: #000 !important}
	.blacktiger-top .col-2 {width: 100%}
	.blacktiger-bottom .container {padding-top: 3em; width: 84%}
	.blacktiger-bottom-logo {display: none;}
	.members-data .member.col-1-3.member-1 .member-ct {-webkit-transform: translateX(-30%) !important; transform: translateX(-30%) !important; top: 70%}	
	.members-data .member.col-1-3.member-3 .member-ct {-webkit-transform: translateX(-64%) !important; transform: translateX(-64%) !important; top: 70%}	

	/* METODOLOGIA */
	.metodologia-top {padding-bottom: 2em;}
	.metodologia-top .container.big-width,
	.metodologia-steps.container {width: 90%}
	.metodologia-top .col-1-3 .container {padding-bottom: 0}

	/* VEHICULOS */
	.vehiculos-top .v-nav {left: 5%}
	.vehiculos .strong {padding-top: 0}

	/* CONTACTO */
	.sec-contacto > .container.medium-width {width: 100%}

	/* BLOG */
	.sec-blog {background-size: 90%;}
	.sec-blog .header-ct .col-1-4 > .container {padding-bottom: 0}

	/* INSIGHTS */
	span.indicator .ind-text {font-size: 100%}

}
@media only screen and (max-width: 430px) {

	/* HOME */
	.home-vehiculos .v-item{height: 24em!important;}

}

@media only screen and (max-width: 393px) {

	/* HOME */
	.home-vehiculos .v-item{height: 22em!important;}
}


/* iPHONE 4 */
@media only screen and (max-width: 320px) {
	
	/*.nav-trigger{background: gray !important;} */
	
}


@media only screen and (min-width: 1500px) {

	/*.nav-trigger{background: green !important;} */

	/* HOME */
	.home-vehiculos{height: 23em;}

	/* BLACKTIGER */
	.members {max-width: 1480px; margin: 0 auto}

	/* VEHICULOS */
	.vehiculos-top::before {height: 8.6em; bottom: -8em}
	
}

@media only screen and (min-width: 1700px) {

	/*.nav-trigger{background: blue !important;} */
	
	/* GENERAL */
	body {font-size: 1.05em}
	.sec-default {padding-bottom: 10em;}

	/* HOME */
	.prehome .logo {width: 22%}
	.home-top .logo {width: 26em; height: 14em; margin: 0 auto; display: block; }
	.home-vehiculos,
	.home-vehiculos .v-item, 
	.home-vehiculos .v-item .v-img {height: 25em;}
	.home-vehiculos .v-logo {height: 8.5em;}
	.home-vehiculos .v-logo.v-logo.v-logo-selection{height: 8.5em!important;}
	.home-bottom {padding-top: 5em; padding-bottom: 10em;}
	.home-vehiculos .clicked .v-img {height: 35em;}

	/* BLACKTIGER */
	.blacktiger-bottom {background: #414141 url('../images/blacktiger/bottom.jpg') no-repeat center; background-size: 100%}

	/* CONTACTO */
	.sec-contacto {padding: 5em 0 8em 0 }

	/* FOOTER */
	.footer::before {height: 10em; top: -9.9em;}

	/* INSIGHTS */
	.insights-termometer .termometer,
	.termometer .ter-mask {height: 34px;}
	.termometer .ter-val-bt {top: -56px;}
	.termometer .ter-val-mar {top: 34px;}

	.termometer-ct .ter-ind::before {top: 135px;}
	.termometer-ct .ter-ind::after {height: 90px; top: 42px;}

}

@media only screen and (min-width: 2000px) {
	
	/*.nav-trigger{background: yellow !important;}*/

	/* GENERAL */
	body {font-size: 1.1em}

	[class^="icon-"].xxbig-icon:before, [class*=" icon-"].xxbig-icon:before {font-size: 84px; line-height: 84px;}

	.vehiculos .just {background-position: -40% 0; background-size: 120%}
	.graph-text {min-height: 300px;}

	/* INSIGHTS */
	.termometer .ter-val-bt {top: -59px;}
	.termometer .ter-val-mar {top: 37px;}

}


@media only screen and (min-width: 2300px) {

	/* GENERAL */
	body {font-size: 1.2em}

	/* INSIGHTS */
	.termometer .ter-val-bt {top: -63px;}

	
}