@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,		
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
input, textarea, select, button,
header, section, article, footer, aside, figure, figcaption {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	text-decoration:none;
	color:inherit;
	background-color:transparent;
	}
strong {
	font-weight: bold;
	}
:focus {
	outline:0;
	}
body{
	line-height: 1;
	}
ol, ul {
	list-style: none;
	}
table {
	border-collapse: separate;
	border-spacing: 0;
	}
caption, th, td {
	text-align: left;
	font-weight: normal;
	}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
	}
blockquote, q {
	quotes: "" "";
	}
del {
	text-decoration: none;
}
html {
	font-size: 62.5%;
	font-size: 100%;
    height: 100%;
    overflow: hidden;
}
@media (max-width: 959px) {
	html {
		font-size: 87.5%;
		font-size: 75%;
	}
}

@font-face {
    font-family: 'FNexa';
    src: url('font/nexa_light-webfont.woff2') format('woff2'),
         url('font/nexa_light-webfont.woff') format('woff');
    font-weight: 200;
    font-style: normal;
}

@font-face {
    font-family: 'FNexa';
    src: url('font/nexa-book-webfont.woff2') format('woff2'),
         url('font/nexa-book-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'FNexa';
    src: url('font/nexa-xbold-webfont.woff2') format('woff2'),
         url('font/nexa-xbold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

/*
Icolor vR #410082 rgba(65,0,130,1)
Icolor vL #8001FF rgba(128,1,255,1)
Icolor vD #1E003B rgba(30,0,59,1)
Icolor Y  #F5CD0F rgba(245,205,15,1)

gardient v
background: rgb(65,0,130);
background: -moz-linear-gradient(-45deg,  rgba(65,0,130,1) 50%, rgba(128,1,255,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 100%);
background: linear-gradient(135deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410082', endColorstr='#8001ff',GradientType=1 );

gradient y
background: rgb(255,213,63);
background: -moz-linear-gradient(-45deg,  rgba(255,213,63,1) 0%, rgba(245,205,15,1) 100%);
background: -webkit-linear-gradient(-45deg,  rgba(255,213,63,1) 0%,rgba(245,205,15,1) 100%);
background: linear-gradient(135deg,  rgba(255,213,63,1) 0%,rgba(245,205,15,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd53f', endColorstr='#f5cd0f',GradientType=1 );


*/

body {
	font-family: "FNexa", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size:100%;
	line-height:1;
	color:#1E003B;
	height:100%;
	background: #f0f0f0;
	overflow-x:hidden;
	overflow-y:scroll;
}
:focus {
	box-shadow: 0 0 0 1px #75c7f0;
}

@media (min-width: 960px) {
	::-webkit-scrollbar {
	  width: 12px;
	}
	::-webkit-scrollbar-track {
	  background: #f1f1f1;
	  border-radius: 12px;
	}
	::-webkit-scrollbar-thumb {
	  background: #aaa; 
	  border-radius: 50px;
	  box-shadow:inset 0 0 0 1px #f1f1f1;
	}
	::-webkit-scrollbar-thumb:hover {
	  background: #666; 
	}
}

.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap; /* 1 */
}

.s_ac {
	text-align: center;
}

.page {
	font-size: 1rem;
	padding: 0 3rem;
	max-width: 1170px;
	margin: 0 auto;
	clear:both;
}
#main > *:last-child {
	padding-bottom: 9rem;
}
.section {
	padding: 5rem 0;
}
.section:not(.bg) + .section:not(.bg) {
	padding-top: 0;
}
.section.bg {
	background: #fff;
	border-radius: 3rem;
	box-shadow: 0 0 2rem 0 rgba(0,0,0,.1);
	position: relative;
	z-index: 10;
}
.section.bgI {
	color: #fff;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-attachment: fixed;
}
.section.bg.bgV,
.body__servicio #mainHeader {
	background: rgb(65,0,130);
	color: #fff;
	border-radius: 0;
	box-shadow: none;
	position: relative;
	z-index: 5;
}
.section.bg.bgV:before,
.body__servicio #mainHeader:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: .5rem;
	right: 0;
	height: 80%;
	background: rgb(65,0,130);
	background: -moz-linear-gradient(-86deg,  rgba(65,0,130,1) 50%, rgba(128,1,255,1) 120%);
	background: -webkit-linear-gradient(-86deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	background: linear-gradient(176deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410082', endColorstr='#8001ff',GradientType=1 );
	z-index: 5;
}
.section.bg.bgV .page,
.body__servicio #mainHeader .page {
	position: relative;
	z-index: 10;
}
.section.bg + .section.bg.bgV {
	border-top: solid 3rem #410082;
	margin-top: -3rem;
}
.row {
	margin: 0 -2.5rem;
	font-size: 0;
	clear: both;
}
.row.rtl {
	direction: rtl;
}
.row + .row {
	margin-top: 2rem;
}
.page:after,
.row:after {
	content:'';
	display:table;
	width:100%;
	clear:both;
}
.col {
	font-size: 1rem;
	box-sizing: border-box;
	padding: 0 2.5rem;
	min-height: 1px;
	text-align: left;
	direction: ltr!important;
}
.col > *:last-child {
	margin-bottom: 0!important;
}
@media (min-width: 960px) {
	.row + .row {
		margin-top: 3rem;
	}
	.col {
		display: inline-block;
		vertical-align: top;
	}
	.colV {
		vertical-align: middle;
	}
	.section .col > *:last-child {
		margin-bottom: 0;
	}
	.col1 {width: 8.333%;}
	.col2 {width: 16.666%;}
	.col3 {width: 25%;}
	.col4 {width: 33.333%;}
	.col5 {width: 41.666%;}
	.col6 {width: 50%;}
	.col7 {width: 58.333%;}
	.col8 {width: 66.666%;}
	.col9 {width: 75%;}
	.col10 {width: 83.333%;}
	.col11 {width: 91.666%;}
	.col12 {width: 100%;}
}
@media (max-width: 959px) {
	.row {
		margin: 0 -1rem;
	}
	.col {
		padding: 0 1rem;
	}
	.col + .col {
		margin-top: 2rem;
	}
}
@media (min-width: 960px) {
	.centerV {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
	}
}
svg {
	width: auto;
	height: auto;
}
svg,
img {
	max-width: 100%;
}
span.img {
	display: block;
	padding-bottom: 50%;
	background: #ccc;
	box-shadow: inset 0 0 0 1px #333;
}
.bt {
	display: inline-block;
	line-height: 3em;
	height: 3em;
	padding: 0 1.5em;
	background: #F5CD0F;
	color: #410082;
	border-radius: 2em;
	cursor: pointer;
	font-weight: bold;
	text-transform: uppercase;
	position: relative;
	overflow: hidden;
	background-position: center;
  	transition: all 250ms cubic-bezier(.7,0,.3,1);
  	position: relative;
  	background: rgb(255,213,63);
	background: -moz-linear-gradient(-45deg,  rgba(255,213,63,1) 0%, rgba(245,205,15,1) 100%);
	background: -webkit-linear-gradient(-45deg,  rgba(255,213,63,1) 0%,rgba(245,205,15,1) 100%);
	background: linear-gradient(135deg,  rgba(255,213,63,1) 0%,rgba(245,205,15,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd53f', endColorstr='#f5cd0f',GradientType=1 );
	box-shadow: inset 0 0 0 3px rgba(245,205,15,1);
}
.btG {
	background: no-repeat;
	box-shadow: inset 0 0 0 2px rgba(128,1,255,1);
}
.bt:hover {
	box-shadow: inset 0 0 0 5px rgba(245,205,15,1);
}
.btB {
	background: none;
	color: #410082;
	box-shadow: none;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.btI {
	width: 3em;
	padding: 0;
	text-align: center;
}
.bt:focus {
	box-shadow: 0 .125rem .25rem 0 rgba(0,0,0,.2);
}
.btB:hover {
	color: #fff;
}

a i {
	display: inline-block;
	vertical-align: middle;
	line-height: inherit!important;
}
a.bt i {
	vertical-align: baseline;
	margin-left: .5rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
a.bt:hover i {
	margin-left: 1rem;
}
.btI i,
.btI:hover i {
	margin-left: 0;
}
i + span {
	font-size: 0;
}

#bt_top {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
}

h1, h2, h3 {
	letter-spacing: -.01em;
	color: #410082;
}
h1, h2, h3, h4, h5, h6, p, li {
	line-height: 1.2em;
}
h1 {
	font-size: 2rem;
	font-weight: bold;
}
h2 {
	font-size: 2rem;
}
h3 {
	font-size: 1.5rem;
	text-transform: uppercase;
	font-weight: bold;
}
h4 {
	font-weight: bold;
}
h6 {
	font-size: .75rem;
}

.banner {
	text-align: center;
}
.banner img {
	margin-bottom: 1.5rem;
}

#header {
	padding: 2rem 0 0;
	position: relative;
	z-index: 500;
	background: #fff;
}
#header .page {
	position: relative;
}
#header .branding {
	display: inline-block;
}
#header .branding a {
	display: block;
	height: 7rem;
}
#header .branding img {
	display: block;
	height: 100%;
}
#header nav {
	float: right;
	margin-top: 4rem;
}
#topMenu li:not(.ic) a i {
	display: inline-block;
	vertical-align: baseline;
	margin-right: .2rem;
}
#topMenu li.ic + li.ic {
	margin-left: .75rem;
}
#topMenu a {
	color: #555;
}
#menu a {
	color: #410082;
	font-weight: bold;
	position: relative;
}
#menu a:after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 0;
	height: 3px;
	border-radius: 4px;
	background: #F5CD0F;
	transition: all 250ms cubic-bezier(.7,0,.3,1);
}
#menu a:hover:after {
	width: 90%;
}

#bt_wapp {
	position: fixed;
	right: 2rem;
	bottom: 2rem;
	width: 4rem;
	height: 4rem;
	text-align: center;
	line-height: 4rem;
	border-radius: 5rem;
	background: #1E003B;
	color: #eee;
	z-index: 9999;
	font-size: 2rem;
	transition: all 250ms cubic-bezier(.7,0,.3,1);
}
#bt_wapp:hover {
	color: #F5CD0F;
}
#bt_wapp i {
	display: block;
}
@media (max-width: 959px) {
	#bt_menu {
		color: #410082;
		font-size: 1.5rem;
		margin-top: -1rem;
	}
	#bt_wapp {
		right: 1.5rem;
		bottom: 1.5rem;
		width: 3rem;
		height: 3rem;
		line-height: 3rem;
		font-size: 1.5rem;
	}
	#header ul {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		background: #fff;
		opacity: 0;
		transform: scaleY(.8) translateY(-10%);
		visibility: hidden;
		transition: all 250ms cubic-bezier(.7,0,.3,1);
		transform-origin: 0 0;
	}
	#header ul.visible {
		opacity: 1;
		transform: scaleY(1) translateY(0%);
		visibility: visible;
	}
	#topMenu {
		padding: 2rem 3rem 3rem;
		box-shadow: 0 .25rem 1rem 0 rgba(0,0,0,.5);
		z-index: 9990;
		margin-top: 12.75rem;
	}
	#topMenu li {
		display: inline-block;
		vertical-align: middle;
		margin-right: 1.5rem;
	}
	#topMenu li a {
		display: block;
		font-size: 0;
		height: 1.3rem;
	}
	#topMenu li:first-child {
		display: block;
		margin-bottom: 1.5rem;
	}
	#topMenu li:first-child a {
		font-size: 1.2rem;
	}
	#topMenu li a i {
		height: 1.3rem;
		font-size: 1.3rem;
	}
	#menu {
		z-index: 9999;
		padding: 3rem 3rem 0;
	}
	#menu li a {
		font-size: 1.3rem;
		font-weight: normal;
		display: block;
		line-height: 2rem;
	}
}

.dd > a:after {
	content: "\f0d7";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    margin-left: .5rem;
    color: #333;
}

@media (min-width: 960px) {
	#bt_menu {
		display: none;
	}
	#menu {
		float: right;
		color: #1E003B;
	}
	#topMenu {
		position: absolute;
		right: 3rem;
		top: -1rem;
		font-size: .75rem;
	}
	#header ul li {
		display: inline-block;
		margin-left: 2rem;
		vertical-align: middle;
	}
	#header ul li a {
		display: block;
		line-height: 2rem;
	}
	.ddChild {
		position: absolute;
		left: 0;
		top: 100%;
		right: 0;
		opacity: 0;
		visibility: hidden;
		transform: translateY(-10%) scaleY(.75);
		transition: all 250ms cubic-bezier(.7,0,.3,1);
		background: #fff;
	}
	.dd:hover .ddChild {
		opacity: 1;
		transform: translateY(0%) scaleY(1);
		visibility: visible;
	}
}

@media (max-width: 959px) {
	#bt_menu {
		float: right;
		width: 3rem;
		height: 3rem;
		text-align: center;
		line-height: 3rem;
		display: block;
	}
}

.breadcrumbs {
	padding: 1.5rem 0;
	line-height: 2rem;
	color: #777;
	white-space: nowrap;
}
.breadcrumbs li {
	display: inline-block;
	font-size: .75rem;
}
.breadcrumbs li + li:before {
	content: "\f105";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    display: inline-block;
    margin:0 1em;
}

@media (max-width: 959px) {
	.breadcrumbs li:last-child {
		display: none;
	}
}


#featured {
	height: 68vh;
	position: relative;
	z-index: 10;
	background: #fff;
	z-index: 400;
}
@media (min-width: 1200px) {
	#featured {
		max-height: 33vw;
	}
}
#featured .slide > img {
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	transform: translateY(4%);
}
@media (max-width: 959px) {
	#featured {
		padding-top: 4rem;
		height: auto;
		padding-bottom: 52.5vw;
	}
	#featured:before {
		content: '';
		position: absolute;
		left: 3rem;
		right: 3rem;
		top: 2.5rem;
		border-top: solid 1px #ccc;
	}
	#featured .slide > img {
		height: auto;
		transform: translate(4% , 4%);
	}
}
#featured .centerV {
	width:100%;
}
#featured h2 {
	font-size: 3.4rem;
	line-height: 1em;
	padding-bottom: 1.75rem;
	margin-bottom: 1.25rem;
	position: relative;
	color: #1E003B;
}
#featured h2 strong {
	font-size: 1.5em;
	color: #410082;
	display: block;
}
#featured h2:after {
	content: '';
	position: absolute;
	left: 2px;
	bottom: -2px;
	width: 5rem;
	height: 4px;
	background: #F5CD0F;
	border-radius: 5px;
}
#featured p {
	font-size: 1.25rem;
	line-height: 1.1em;
	max-width: 20em;
	margin-bottom: .5rem;
}
#featured h2 + p {
	font-size: 1.6rem;
}

#banner {
	background: rgb(65,0,130);
	padding: 6rem 0 1rem;
	text-align: center;
	color: #fff;
	overflow: hidden;
}
.bannerContent {
	padding: 3rem;
	border-radius: 100rem;
	box-shadow: 0 0 0 3px #F5CD0F;
	position: relative;
	display: block;
	background: rgb(65,0,130);
	background: -moz-linear-gradient(-86deg,  rgba(65,0,130,1) 50%, rgba(128,1,255,1) 10%);
	background: -webkit-linear-gradient(-86deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	background: linear-gradient(176deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410082', endColorstr='#8001ff',GradientType=1 );
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.bannerContent:hover {
	box-shadow: 0 0 0 6px #F5CD0F;
}
.bannerContent:before,
.bannerContent:after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	width: 100vw;
	background: #F5CD0F;
	border-radius: 100rem;
}
.bannerContent:before {
	right: 100%;
	margin-right: 3rem;
}
.bannerContent:after {
	left: 100%;
	margin-left: 3rem;
}
#main .bannerContent h6 {
	color: rgba(128,1,255,1);
	text-transform: uppercase;
	font-weight: bold;
	font-size: 1.2rem;
	margin-bottom: .5rem;
}
@media (max-width: 960px) {
	.bannerContent {
		padding: 2rem;
	}
	.bannerContent:before {
		margin-right: 1.5rem;
	}
	.bannerContent:after {
		margin-left: 1.5rem;
	}
}
#main .bannerContent p {
	font-size: 1.6rem;
	margin-bottom: 0;
	font-weight: bold;
}
.bannerContent p span {
	font-weight: normal;
	text-transform: uppercase;
	font-size: .7em;
	color: #F5CD0F;
}

#homeBlocks .s_ac p {
	text-align: center;
}
#homeBlocks p {
	font-size: 1.5rem;
	line-height: 1.4em;
}
#homeBlocks .col6 p {
	width: 80%;
}
#homeBlocks .rtl .col6 p {
	transform: translateX(10%);
}
#homeBlocks .col {
	vertical-align: middle;
}
#homeBlocks .row + .row {
	margin-top: -3rem;
}
@media (max-width: 959px) {
	#homeBlocks .row + .row {
		margin-top: 2rem;
	}
}
#homeBlocks .col img {
	max-width: 110%;
	margin: 0 -5%;
}
@media (max-width: 959px) {
	#homeBlocks .col .img {
	}
}
#homeBlocks .section + .section .col8 {
	margin-top: 4rem;
}

#footer {
	background: #1E003B;
	color: #eee;
	padding: 5rem 0 3rem;
}
#footer svg {
	max-width: 70%;
	width: 10rem;
}
#footer .page > p {
	opacity: .5;
	margin-top: 2rem;
}
#footer p {
	font-size: .75rem;
}
#footer .branding {
	color: #fff;
	font-size: 1.25rem;
}
#footer ul {
	font-size: 0;
	margin-bottom: 2rem;
}
#footer ul li {
	font-size: .875rem;
	display: inline-block;
	width: 33.333%;
	box-sizing: border-box;
	padding-right: 1rem;
	margin-bottom: 2rem;
}
#footer ul li.ic {
	width: auto;
}
#footer .afip {
	width: 3rem;
	display: block;
}
@media (min-width: 960px) {
	#footer .afip {
		float: right;
	}
}

#contactUs {
	padding-top: 9rem;
	text-align: center;
}
#contactUs p {
	font-size:1.4rem;
	line-height: 3rem;
	color: #fff;
}
#contactUs p a {
	font-size: 1rem;
	margin: 0 .75rem;
	vertical-align: middle;
}

#main #homeServices h2,
#main #homeProducts h2 {
	font-weight: bold;
	margin-bottom: 1rem;
}
#main #homeServices h2 + p,
#main #homeProducts h2 + p {
	font-size: 1.1rem;
	line-height: 1.4em;
	margin: 0 auto 3rem;
    max-width: 60rem;
}
#homeServices ul {
	font-size: 0;
	margin-bottom: 2rem;
}
#homeServices ul li {
	font-size: 1.2rem;
	display: inline-block;
	width: 25%;
	padding: 0 1rem;
	box-sizing: border-box;
	vertical-align: top;
	margin-bottom: 2rem;
}
#homeServices ul li {
	width: 25%;
	font-size: 0;
}
@media (max-width: 960px) {
	#homeServices ul li {
		width: 50%;
	}
}
#homeServices ul li img {
	display: inline-block;
	width: 50%;
	margin-bottom: 1.5rem;
}
#homeServices ul li p {
	font-size: 1.4rem;
	margin: 0 0 .5rem;
	font-weight: bold;
}
#homeServices ul li p + p {
	font-size: 1rem;
	font-weight: normal;
	height: 4.5em;
	margin-bottom: 0;
}
#homeServices ul li p + p a {
	text-decoration: underline;
	text-decoration-color: #F5CD0F;
	font-weight: bold;
	font-size: .8em;
	text-transform: uppercase;
	color: rgba(128,1,255,1);
}

#homeProducts div div {
	max-width: 34rem;
	margin: 0 auto;
	padding: 2rem 3rem;
	border: solid 1px #ccc;
	border-radius: 1rem;
	box-sizing: border-box;
	vertical-align: top;
}
@media (min-width: 960px) {
	#homeProducts div div {
		display: inline-block;
		max-width: 45%;
		margin: 0 1%;
	}
}
@media (max-width: 959px) {
	#homeProducts div div {
		margin-bottom: 1rem;
	}
}
#homeProducts div h3 {
	font-size: 3rem;
	text-transform: none;
	font-weight: normal;
	margin-bottom: 0;
} 

#mainHeader {
	padding: 4rem 0;
	margin-bottom: 3rem;
}
#mainHeader .bt_back {
	border:solid 1px #F5CD0F;
	padding: .5rem .75rem;
	border-radius: 3rem;
	text-transform: uppercase;
	vertical-align: middle;
	line-height: 1rem;
	font-size: .75rem;
	display: inline-block;
	box-shadow: inset 0 0 .5rem 0 rgba(0,0,0,.2);
	margin-bottom: 1rem;
}
#mainHeader .bt_back i {
	margin-right: .25rem;
	vertical-align: baseline;
}
@media (min-width: 960px) {
	#mainHeader .bt_back {
		padding-right: 10rem;
		margin-right: -10rem;
		float: right;
		margin-bottom: 0;
	}
}
.body__servicio #mainHeader h1 {
	font-size:3rem;
	margin-bottom: .5rem;
	color: #fff;
	line-height: 1;
}
.body__servicio #mainHeader h1 span {
	text-transform: uppercase;
	font-size: .7em;
	display: block;
	color: #F5CD0F;
	font-weight: normal;
}
.body__servicio #mainHeader h1 + p {
	font-size:1.5rem;
	max-width: 50rem;
	color: #eee;
}

#main h6 {
	text-transform: uppercase;
	margin-bottom: 1rem;
}
#main h3,
#main h2 {
	margin-bottom: 2rem;
}
#main p {
	margin-bottom: 1em;
}

#main .servicioItem {
	margin-bottom: 3rem;
}
#main .servicioItem .img {
	display: inline-block;
	width: 40%;
	padding-bottom: 40%;
	border-radius: 10rem;
	margin-bottom: 1rem;
}
#main h2 + p {
	line-height: 1.6em;
}
#main .servicioItem h3 {
	margin-bottom: .5rem;
}
#main .servicioItem a {
	text-transform: uppercase;
	text-decoration: underline;
	font-size: .875rem;
	font-weight: bold;
}

#homeSectores {
	padding: 10rem 0;
	margin: -3rem 0;
	position: relative;
	z-index: 5;
	background-color: rgb(65,0,130);
	background-image: url(../images/puertomadero.jpg);
}
#homeSectores .col {
	text-align: center;
	vertical-align: middle;
}
@media (max-width: 959px) {
	#homeSectores .row {
		position: relative;
		padding-top: 4rem;
	}
	#homeSectores .col.col3 {
		position: absolute;
		top: 0;
		width: 50%;
		left: 0;
		margin: 0;
	}
	#homeSectores .col.col3:last-child {
		right: 0;
		left: auto;
	}
}
#homeSectores p {
	font-size: 1.4rem;
	line-height: 1.4em;
}
#homeSectores h2 {
	font-weight: bold;
	color: #F5CD0F;
}
@media (max-width: 959px) {
	#homeSectores h2 {
		padding: 0 1rem;
	}
} 

.form label {
	font-size: .75rem;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: .25rem;
	color: #999;
	display: block;
}
.form input,
.form textarea {
	width: 100%;
	padding: .5rem .75rem;
	box-sizing: border-box;
	background: #fff;
	border-bottom: solid 1px #ccc;
}

/* servicios */ 

.main__servicio .row {
	padding: 3rem 0;
	position: relative;
	z-index: 10;
	background: #fff;
	border-radius: 2rem;
	box-shadow: -50vw 0 0 0 #fff, 0 .5rem 1rem 0 rgba(0,0,0,.1);
}
@media (min-width: 960px) {
	.main__servicio .row + .row {
		margin-top: 2rem;
	}
	.main__servicio .clear {
		background: #fafafa;
		height: .5rem;
		box-shadow: inset 0 0 .5rem 0 rgba(0,0,0,.1);
		margin: 3rem 2.5rem;
		border-radius: 1rem;
	}
}
@media (max-width: 959px) {
	.main__servicio .col + .col,
	.main__servicio .clear + .col {
		margin-top: 3rem;
	}
}

#main.main__servicio img {
	height: 6rem;
	margin-bottom: 1rem;
}
#main.main__servicio h2 {
	margin-bottom: 1rem;
	line-height: 1.1em;
}
#main.main__servicio h2,
#main.main__servicio ul {
	margin-right: 2rem;
}
#main.main__servicio ul li {
	font-size: 1.2rem;
	margin-bottom: .5rem;
	color: #111;
	padding-left: 2rem;
	position: relative;
}
#main.main__servicio ul li small {
	font-size: .75em;
	color: #666;
	display: block;
}
#main.main__servicio ul li:before {
	content: '';
	position: absolute;
	left: 0;
	top: .5em;
	width: 1.5rem;
	height: 3px;
	background: #F5CD0F;
	border-radius: 1rem;
}

.main__servicio #contactUs {
	margin-top: 3rem;
}


/* productos */

.body__boletaSimple #mainHeader,
.body__guiaSimple #mainHeader {
	padding-top: 2rem;
	position: relative;
	background: #fff;
}
.body__boletaSimple #mainHeader:before,
.body__guiaSimple #mainHeader:before {
	content: '';
	position: absolute;
	left: -1rem;
	bottom: -6.5rem;
	padding-bottom: 4rem;
	transform: scaleY(-1) skew(15deg);
	right: -3rem;
	height: 25%;
	background: rgb(65,0,130);
	background: -moz-linear-gradient(-86deg,  rgba(65,0,130,1) 50%, rgba(128,1,255,1) 120%);
	background: -webkit-linear-gradient(-86deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	background: linear-gradient(176deg,  rgba(65,0,130,1) 50%,rgba(128,1,255,1) 120%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#410082', endColorstr='#8001ff',GradientType=1 );
	z-index: 2;
	border-radius: 0 0 0 5rem;
}
.body__boletaSimple #mainHeader:after,
.body__guiaSimple #mainHeader:after {
	content: '';
	position: absolute;
	left: -1rem;
	bottom: -6rem;
	right: -3rem;
	height: 25%;
	padding-bottom: 4rem;
	background: rgb(65,0,130);
	z-index: 1;
	border-radius: 5rem 0 0 0;
	transform: skew(-15deg);
}
.body__boletaSimple #mainHeader,
.body__boletaSimple #mainHeader .col,
.body__guiaSimple #mainHeader,
.body__guiaSimple #mainHeader .col {
	padding-bottom: 0;
	position: relative;
	z-index: 10;
}
@media (min-width: 960px) {
	.body__boletaSimple #mainHeader .col5,
	.body__guiaSimple #mainHeader .col5 {
		padding-bottom: 4rem;
	}
}
.body__boletaSimple #mainHeader img {
	transform-origin: 0 32.5%;
	transform: scale(1.2);
}
@media (max-width: 959px) {
	.body__boletaSimple #mainHeader img {
		transform-origin: 50% 50%;
	}

}
.body__guiaSimple,
.body__guiaSimple #header {
	background: none;
}
.body__guiaSimple #mainHeader .col5 {
	padding-bottom: 5rem;
}
.body__guiaSimple #mainHeader .col7:before {
	content: '';
	position: absolute;
	left: 25%;
	bottom: 20%;
	width: 100%;
	padding-right: 5rem;
	height: 17.5%;
	background: #410082;
	z-index: -1;
}
.body__guiaSimple #mainHeader img {
    margin: -3rem 0 0;
    display: block;
}
@media (max-width: 960px) {
	.body__guiaSimple #mainHeader .col7 {
		padding-bottom: 1rem;
	}
	.body__guiaSimple #mainHeader img {
		margin: -6rem 0 0rem;
	}
}
.body__boletaSimple #mainHeader h1,
.body__guiaSimple #mainHeader h1 {
	font-size: 3.5rem;
	position: relative;
	padding-bottom: .5rem;
	margin-bottom: 1.25rem;
}
.body__boletaSimple #mainHeader h1 span,
.body__guiaSimple #mainHeader h1 span {
	font-weight: normal;
	color: #1E003B;
}
.body__boletaSimple #mainHeader h1:after,
.body__guiaSimple #mainHeader h1:after {
    content: '';
    position: absolute;
    left: 2px;
    bottom: -2px;
    width: 10.75rem;
    height: 4px;
    background: #F5CD0F;
    border-radius: 5px;
}
.body__boletaSimple #mainHeader h3,
.body__guiaSimple #mainHeader h3 {
	position: relative;
	color: #aaa;
	font-size: 1.2rem;
	margin-bottom: 1.5rem;
}
.body__boletaSimple #mainHeader p,
.body__guiaSimple #mainHeader p {
	font-size: 1.1rem;
	line-height: 1.35em;
	margin-bottom: 1.5rem;
}

.body__boletaSimple #main #comofunciona h1,
.body__guiaSimple #main #comofunciona h1 {
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 1em;
}
.body__boletaSimple #main #comofunciona p,
.body__guiaSimple #main #comofunciona p {
	line-height: 1.4em;
	margin-bottom: .6em;
	max-width: 50em;
}
.body__boletaSimple #comofunciona p + .bt {
	margin-top: 1.5rem;
}
.body__boletaSimple #main #comofunciona h2,
.body__guiaSimple #main #comofunciona  h2 {
	margin-bottom: 1rem;
	color: #aaa;
}
.body__boletaSimple #comofunciona h2 i,
.body__guiaSimple #comofunciona h2 i {
	width: 2rem;
	text-align: center;
	display: inline-block;
	vertical-align: 2px;
	font-size: .75em;
	margin-right: .5rem;
}
.body__boletaSimple #main #comofunciona h2 a,
.body__guiaSimple #main #comofunciona h2 a {
	display: block;
	padding: 1rem;
	border-radius: 1rem;
	margin: -1rem;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
.body__boletaSimple #main #comofunciona h2 a:hover,
.body__guiaSimple #main #comofunciona h2 a:hover {
	box-shadow: 0 0 1rem 0 rgba(0,0,0,.1);
}
.body__boletaSimple #main #comofunciona h2 a.active,
.body__guiaSimple #main #comofunciona h2 a.active {
	color: #410082;
}
.body__boletaSimple #comofunciona h2 a.active i,
.body__guiaSimple #main #comofunciona h2 a.active i {
	color: rgba(128,1,255,1);
}
.body__boletaSimple #comofunciona .clear,
.body__guiaSimple #comofunciona .clear {
	background: #fafafa;
    height: .5rem;
    box-shadow: inset 0 0 0.5rem 0 rgba(0,0,0,.1);
    margin: 3rem 0;
    border-radius: 1rem;
}
.body__boletaSimple #comofunciona .nav {
	margin-bottom: -2.5rem!important;
}

.accordion > div {
	display: none;
}
.accordion div + h2 {
	margin-top: 2rem;
}

.bsTab {
	display: none;
}
.bsTab.active {
	display: block;
}

.body__boletaSimple #main .pagos h1,
.body__boletaSimple #main .ventajas h1,
.body__guiaSimple #main .hacia h1,
.body__guiaSimple #main .ventajas h1 {
	font-size: 2.5rem;
	font-weight: normal;
	margin-bottom: .5rem;
	font-weight: bold;
}
.body__boletaSimple #main .pagos h1,
.body__guiaSimple #main .hacia h1 {
	color: #fff;
}
.body__boletaSimple #main .pagos h1 + p,
.body__boletaSimple #main .ventajas h1 + p,
.body__guiaSimple #main .hacia h1 + p,
.body__guiaSimple #main .ventajas h1 + p {
	margin:0 auto 3rem;
	max-width: 50em;
	line-height: 1.3em;
	font-size: 1.2rem;
}
.body__boletaSimple #main .pagos img {
	padding: 1rem 2rem;
	background: #fff;
	border-radius: 1rem;
}
.body__guiaSimple #main .hacia ul li {
	display: inline-block;
	margin: 0 2rem;
	font-size: 1.5rem;
}
.body__guiaSimple #main .hacia ul li i {
	display: block;
	font-size: 3.5rem;
	margin-bottom: 1rem;
	color: rgba(245,205,15,1);
}

.ventajas ul {
	text-align: center;
	font-size: 0;
	margin: 0 -2rem;
}
#main .ventajas ul li {
	display: inline-block;
	width: 25%;
	padding: 0 2rem;
	box-sizing: border-box;
	vertical-align: top;
}
@media (max-width: 959px) {
	#main .ventajas ul li {
		width: 50%;
	}
}
#main .ventajas ul i {
	font-size: 5rem;
    color: rgba(128,1,255,1);
    border-bottom:solid 3px #F5CD0F;
    padding-bottom: 2rem;
	margin-bottom: 1.5rem;
	display: block;
}
#main .ventajas ul h3 {
	text-transform: none;
	margin-bottom: 1rem;
}
#main .ventajas ul p {
	font-size: 1rem;
}

.nav {
	text-align: center;
	margin-top: 20px;
}
.nav a {
	display: inline-block;
	width: 2.5rem;
	height: .5rem;
	border-radius: 10px;
	background: #aaa;
	margin: 0 3px;
}
.nav a.active {
	background:rgba(128,1,255,1); 
}

.screen {
	border: solid 2px #ddd;
	border-top-width: 1.25rem;
	border-radius: 3px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
	transition: all 150ms cubic-bezier(.7,0,.3,1);
	transform-origin: 100% 0;
	position: relative;
}
.screen img {
	display: block;
}
.screen:before {
	content: 'ginkotech.com.ar';
	font-size: 5px;
	text-indent: 4px;
	line-height: 8px;
	color: #aaa;
	position: absolute;
	left: 3px;
	bottom: 100%;
	width: 20%;
	background: #fafafa;
	height: 8px;
	z-index: 10;
	border-radius: 2px 2px 0 0;
}
.screen:after {
	content: '';
	width: 4px;
	height: 4px;
	border-radius: 4px;
	background: #fafafa;
	position: absolute;
	top: -8px;
	right: 3px;
	box-shadow: -6px 0 0 0 #fafafa, -12px 0 0 0 #fafafa;
}

#bs_slider,
#gs_slider {
	padding-top: 1.25rem;
	padding-bottom: 56.25%;
	position: relative;
	margin-bottom: 1rem;
}
#bs_slider .slide,
#gs_slider .slide {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	transition: opacity 150ms ease;
}
#bs_slider .slide.active,
#gs_slider .slide.active {
	opacity: 1;
}
#bs_slider .slide > img,
#gs_slider .slide > img {
	border-radius: 3px;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.1);
}
@media (max-width: 959px) {
	#bsTabWrapper {
		margin-top: 4rem;
	}
}

.modal {
	background: #fff;
	box-shadow: 0 1px 5px 0 rgba(0,0,0,.05), 0 2px 10px 0 rgba(0,0,0,.05), 0 3px 15px 0 rgba(0,0,0,.05);
	padding: 4rem;
	border-radius: .5rem;
}
.form .field {
	padding-bottom: 1rem;
}
.field.error > div {
	font-size: .75rem;
	padding: .25rem .35rem;
	background: #f9f4db;
	border-radius: 2px;
	color: #111;
	margin-bottom: .25rem;
}
.status {
	float: right;
	line-height: 3rem;
}

#modalWrapper {
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 9100;
	background: rgba(40,40,40,.5);
	opacity: 0;
	visibility: hidden;
	transition: all 150ms cubic-bezier(.7,0,.3,1);
}
#modalWrapper.visible {
	opacity: 1;
	visibility: visible;
}
#modalWrapper > .bt_modalClose {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
}
.modal {
	position: absolute;
	left: 50%;
	top: 50%;
	transition: transform 50ms ease;
	transform: scale(.5) translate(-50% , -50%);
	max-width: 40rem;
	z-index: 20;
	display: none;
}
.modal .bt_modalClose {
	position: absolute;
	top: -3rem;
	right: 0;
	line-height: 3rem;
	color: #fff;
	font-size: 1.2rem;
}
#modalWrapper.visible .modal {
	transform: scale(1) translate(-50% , -50%);
}
.modal {
	padding: 0;
	max-height: 90vh;
	width: 90%;
	text-align: left;
	overflow-y: auto;
}
.modalHeader {
	padding: 2rem 3rem 1.5rem;
	border-radius: .5rem .5rem 0 0;
	position: relative;
}
.modalHeader h3 {
	font-size: 1.5rem;
	margin-bottom: .25rem;
	color: #410082;
	font-weight: bold;
}
.modalHeader p {
	font-size: 1rem;
	margin-bottom: 0;
}
.modalContent {
	padding: 0 3rem 2rem;
	box-sizing: border-box;
}
.modalFooter {
	text-align: right;
	padding: 1.5rem 3rem 3rem;
	position: relative;
	border-radius: 0 0 .5rem .5rem;
	border-top: solid 1px rgba(0,0,0,.1);
}

#portfolio {
	padding-bottom: 3rem;
	background: #fafafa;
	border-top: solid 3rem #fff;
}
#portfolioHeader {
	padding: 3rem 0;
	background: #410082;
	margin-bottom: -2rem;
}
#portfolioHeader h1 {
	margin-bottom: 0;
	color: #fff;
	margin-bottom: 2rem;
}
#portfolio .row {
	margin: 0 -1rem;
}
#portfolio .col {
	padding: 0 1rem;
	margin-bottom: 2rem;
}
.portfolioItem {
	box-shadow: 0 .25rem 1rem -.5rem rgba(0,0,0,.5);
	padding: 2rem;
	border-radius: 1rem;
	background: #fff;
}
.portfolioItemHeader {
	background: #8001ff;
	position: relative;
	margin: -2rem -2rem 0;
	padding: 4rem 2rem 1.5rem;
	border-radius: 1rem 1rem 0 0;
	overflow: hidden;
}
.portfolioItemHeader picture {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	opacity: .5;
	z-index: 10;
	mix-blend-mode: multiply;
	filter: grayscale(100%);
}
.portfolioItemHeader picture img {
	position: absolute;
	width: 90%;
	right: 0;
	top: 50%;
	transform: translateY(-45%);
}
#main .portfolioItemHeader h1,
#main .portfolioItemHeader h2 {
	position: relative;
	z-index: 20;
	font-size: 1.75rem;
	line-height: 1;
	text-shadow: 1px 1px 2px #00000050;
	color: #fff;
	margin: 0;
}
#main .portfolioItem h3 {
	font-size: .875rem;
	color: #aaa;
	margin: 1rem 0 .25rem;
}
#main .portfolioItem .portfolioItemHeader + h3 {
	margin-top: 2rem;
}
#main .portfolioItem .theme {
	border-bottom: solid 1px #ddd;
	padding: 0 2rem;
	margin: 0 -2rem 1.5rem;
	background:#f0f0f0;
}
#main .portfolioItem .theme li {
	display: inline-block;
	margin-right: .5rem;
	vertical-align: middle;
	line-height: 1;
}
#main .portfolioItem .theme li a {
	display: block;
	width: 2rem;
	padding: 1rem 0 .75rem;
	border-bottom: solid .25rem transparent;
}
#main .portfolioItem .theme li a:focus {
	box-shadow: none;
}
#main .portfolioItem .theme li a.active {
	border-bottom-color: #410082;
}
#main .portfolioItem .theme li a img {
	display: block;
	max-height: 1.9rem;
}
.portfolioItemContent + .portfolioItemContent {
	display: none;
}
#main .portfolioItem h3 + ul li {
	margin-bottom: .125rem;
}
#main .portfolioItem h3 + ul li a span,
#main .portfolioItem h3 + ul li a + a {
	font-weight: bold;
	font-size: .75em;
	text-transform: uppercase;
	opacity: 0.8
}
#main .portfolioItem h3 + ul li a:hover {
	text-decoration: underline;
	text-decoration-color: #8001ff;
}
#main .portfolioItem h3 + ul li a + a {
	color: #888;
	margin-left: .5rem;
}