/* ---------------------------------------- */
/* ----- >>> Layout: Tablet --------------- */
/* ---------------------------------------- */

@media (max-width: 800px) and (min-width: 640px) {

	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */

	h1{ font-size: 32px; line-height: 36px; margin: 0 auto 16px auto; max-width: 100%; }
	h2{ font-size: 14px; line-height: 24px; margin: 0 auto 64px auto; max-width: 80%; }
	h3{ font-size: 14px; line-height: 24px; margin: 0 auto 0 auto; max-width: 100%; }
	h4{ font-size: 13px; line-height: 24px; margin: 0 auto 12px auto; }
	p { font-size: 12px; line-height: 24px; margin: 0 auto 0 auto; }

	h2:before {
		width: 40px;
		margin-left: -20px;
		bottom: -30px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */


	footer .setBrand{
		width: 93px;
		height: 24px;
		margin: 6px auto;
		opacity: 1;
	}

	footer .setNav {
		margin: 0 auto 36px auto;
		padding: 0 0 36px 0;
	}


	footer li {
		margin: 0 6px;
	}

	footer li a {
		font-size: 11px;
	}


	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.setSlide .setCenter {
		width: 100%;
	} 

	.setSlide h1 {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Nosotros ------------ */
	/* ---------------------------------------- */

	#isS02 .setColumns.setS32 > .setColumn {
		width: 100%;
		margin: 0 auto 48px auto;
	}

	#isS02 .setColumns,
	#isS02 .setColumns.setS12,
	#isS02 .setColumns.setS12 .setColumn,
	#isS02 .setColumns.setS32 > .setColumn.setPDG {
		margin: 0 auto;
	}	

	/* ---------------------------------------- */
	/* ----- >>> Section: Servicios ----------- */
	/* ---------------------------------------- */

	.setServices > li,
	.setServices > li:nth-child(-n+3) {
		width: 45%;
		margin: 64px auto 0 auto;
		vertical-align: text-top;
		display: inline-block;
	}

	.setServices > li:nth-child(-n+2) {
		margin: 0 auto;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Partners ------------ */
	/* ---------------------------------------- */

	.setPTN {
		width: 100%;
		overflow: hidden;
		padding-bottom: 0;
	}

	#isS05 h2 {
		margin: 0 auto 32px auto;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Contacto ------------ */
	/* ---------------------------------------- */

	#isS06 h1{
		margin: 0 auto 0 auto;
		line-height: 32px;
		font-size: 32px;
	}

	.setContact {
		width: 100%;
		margin: 32px auto 0 auto;
	}

	.setContact.setOpen {
		display: none;
	}

	.setButton {
		width: 100%;
	}

	.setOutput {
		width: 100%;
		text-align: center;
		float: right;
	}


	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	.setColumns.setSPC {
		margin: 12px auto 0 auto;
	}
	
	.setColumns.setSPC .setColumn:nth-child(1),
	.setColumns.setSPC .setColumn:nth-child(3) {
		width: -webkit-calc(40% - 12px);
		   width: -moz-calc(40% - 12px);
			 width: -o-calc(40% - 12px);
				width: calc(40% - 12px);
	}

	.setColumns.setSPC .setColumn:nth-child(2) {
		width: -webkit-calc(20% - 24px);
		   width: -moz-calc(20% - 24px);
			 width: -o-calc(20% - 24px);
				width: calc(20% - 24px);
		margin: 0 24px;
	}


}

/* ---------------------------------------- */
/* ----- >>> Layout: Mobile --------------- */
/* ---------------------------------------- */

@media (max-width: 640px) and (min-width: 0) {

	section {
		padding: 54px 0 64px 0;
		position: relative;
	}

	footer {
		padding: 36px 0 36px 0;
	}

	.setWrapper {
		max-width: 1200px;
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		background: rgba(255,0,0,0);
	}

	/* ---------------------------------------- */

	header,
	header.setTop {
		background: rgba(255,255,255,1);
	    -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	       -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	    		box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	}

	header .setBrand,
	header.setTop .setBrand {
		width: 93px;
		height: 24px;
		margin: 20px 0;
		background-position: bottom -9px right ;
		background-size: 140px 60px;
	}

	header nav {
		margin: 31px auto;
		float: right;
		display: none;
	}

	header li a {
		color: #333333;
	}
	/* ---------------------------------------- */
	/* ----- >>> Styles ----------------------- */
	/* ---------------------------------------- */

	h1{ font-size: 32px; line-height: 36px; margin: 0 auto 16px auto; max-width: 100%; }
	h2{ font-size: 14px; line-height: 24px; margin: 0 auto 64px auto; max-width: 100%; }
	h3{ font-size: 14px; line-height: 24px; margin: 0 auto 0 auto; max-width: 100%; }
	h4{ font-size: 13px; line-height: 24px; margin: 0 auto 12px auto; }
	p { font-size: 12px; line-height: 24px; margin: 0 auto 0 auto; }

	h2:before {
		width: 40px;
		margin-left: -20px;
		bottom: -30px;
	}


	/* ---------------------------------------- */
	/* ----- >>> Navegation ------------------- */
	/* ---------------------------------------- */

	header nav {
		width: 100%;
		height:-webkit-calc(100vh - 64px);
		   height:-moz-calc(100vh - 64px);
			 height:-o-calc(100vh - 64px);
				height:calc(100vh - 64px);
		padding: 0;
	}

	header nav ul {
		width: 100%;
		position: absolute;
		-webkit-transform: translate( -50%, -50%);
		   -moz-transform: translate( -50%, -50%);
			-ms-transform: translate( -50%, -50%);
			 -o-transform: translate( -50%, -50%);
				transform: translate( -50%, -50%);
		left: 50%;
		top: 50%

	}

	header nav li {
		width: 100%;
		text-align: center;
		border-bottom: 1px solid rgba(188,198,208,0.5);
		margin: 0;
	}

	header nav li:last-child {
		border: none;
	}

	header nav li a {
		display: inline-block;
		margin: 16px auto;
		font-size: 14px;
	}

	footer .setBrand{
		width: 93px;
		height: 24px;
		margin: 6px auto;
		opacity: 1;
	}

	footer .setNav {
		margin: 0 auto 36px auto;
		padding: 0 0 36px 0;
	}

	footer ul {
		margin: 12px auto 0 auto;
	}

	footer li {
		margin: 0 15px 0 0;
	}

	footer li a {
		font-size: 11px;
	}

	footer li:last-child {
		margin: 0;
	}

	footer .setColumn:last-child p {
		text-align: left;
	}

	.setColumn.setFix {
		position: absolute;
		right: 0;
		top: 0;

	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Home ---------------- */
	/* ---------------------------------------- */

	.setSlide {
		margin: 64px auto 0 auto;
	}

	.setSlide,
	.setSlide .setItem {
		width: 100%;
		height: 75vh;
		max-height: 960px;
		position: relative;
	}


	.setSlide .setCenter {
		width: 100%;
	} 

	.setSlide h1 {
		width:-webkit-calc(100% - 32px);
		   width:-moz-calc(100% - 32px);
			 width:-o-calc(100% - 32px);
				width:calc(100% - 32px);
		line-height: 28px;
		font-size: 24px;
	}

	.setSlide h2 {
		line-height: 20px;
		font-size: 14px;
	}

	/* ---------------------------------------- */


	#isS04 h1{
		line-height: 28px;
		font-size: 24px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Servicios ----------- */
	/* ---------------------------------------- */

	.setServices .setIcon {
		width: 80px;
		height: 80px;
		margin: 0 auto 24px auto;
	}

	.setServices .setIcon i {
		width: 40px;
		height: 40px;
		background-size: 480px 40px;
		margin: 20px;
	}

	.setServices li:nth-child(1)  .setIcon i { background-position:    0px 0px; }
	.setServices li:nth-child(2)  .setIcon i { background-position:  -40px 0px; }
	.setServices li:nth-child(3)  .setIcon i { background-position:  -80px 0px; }
	.setServices li:nth-child(4)  .setIcon i { background-position: -120px 0px; }
	.setServices li:nth-child(5)  .setIcon i { background-position: -160px 0px; }
	.setServices li:nth-child(6)  .setIcon i { background-position: -200px 0px; }
	.setServices li:nth-child(7)  .setIcon i { background-position: -240px 0px; }
	.setServices li:nth-child(8)  .setIcon i { background-position: -280px 0px; }
	.setServices li:nth-child(9)  .setIcon i { background-position: -320px 0px; }
	.setServices li:nth-child(10) .setIcon i { background-position: -360px 0px; }
	.setServices li:nth-child(11) .setIcon i { background-position: -400px 0px; }
	.setServices li:nth-child(12) .setIcon i { background-position: -440px 0px; }

	.setServices li {
		width: 100%;
		margin: 0 auto 24px auto;
	}

	.setServices > li:nth-child(-n+3) {
		margin: 0 auto 24px auto;
	}

	.setServices > li:last-child{
		margin: 0 auto;
	}

	.setServices > li > p {
		max-width: 90%;
	}


	.setModal .setContent ul.setCOL2 > li {
		width:  -webkit-calc(100% - 18px);
		   width:  -moz-calc(100% - 18px);
			 width:  -o-calc(100% - 18px);
				width:  calc(100% - 18px);
		white-space: nowrap;
		float: left;
	}

	.setModal .setContent h1 {
		margin: 0 auto 64px auto;
		line-height: 30px;
		font-size: 30px;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Partners ------------ */
	/* ---------------------------------------- */

	.setPTN {
		width: 100%;
		overflow: hidden;
		padding-bottom: 0;
	}

	#isS05 h2 {
		margin: 0 auto 32px auto;
	}

	/* ---------------------------------------- */
	/* ----- >>> Section: Contacto ------------ */
	/* ---------------------------------------- */

	#isS06 h1{
		margin: 0 auto 0 auto;
		line-height: 24px;
		font-size: 24px;
	}

	.setContact {
		width: 100%;
		margin: 32px auto 0 auto;
	}

	.setContact.setOpen {
		display: none;
	}

	.setButton {
		width: 100%;
	}

	.setOutput {
		width: 100%;
		text-align: center;
		float: right;
	}

	/* ---------------------------------------- */
	/* ----- >>> General ---------------------- */
	/* ---------------------------------------- */

	.setColumns {
		margin: 0 auto;
	}

	.setColumns.setS32 .setColumn {
		width: 100%;
		margin: 0 auto 48px auto;
	}

	.setColumns.setS12,
	.setColumns.setS12 .setColumn,
	.setColumns.setS12 .setColumn:last-child,
	.setColumns.setS32 .setColumn:last-child,
	#isS02 .setColumns.setFull > .setColumn {
		margin: 0 auto;
	}	

	.setColumns.setX3 .setColumn:nth-child(1),
	.setColumns.setX3 .setColumn:nth-child(2),
	.setColumns.setX3 .setColumn:nth-child(3) {
		width: 100%;
		margin: 0;
	}

	/* ---------------------------------------- */
	/* ----- >>> Menu Animation --------------- */
	/* ---------------------------------------- */

	.setMenu {
		display: block;
	}

	/* ---------------------------------------- */
	/* ----- >>> Animations ------------------- */
	/* ---------------------------------------- */

	nav,
	header {
		-webkit-transition: none;
		-moz-transition: none;
		-o-transition: none;
		transition: none;
	}


}