@font-face {
	font-family: 'AmsiPro-Ultra';
	src: url('fonts/AmsiPro-Ultra.woff2') format('woff2'),
		url('fonts/AmsiPro-Ultra.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'AmsiProNarw';
	src: url('fonts/AmsiProNarw-SemiBold.woff2') format('woff2'),
		url('fonts/AmsiProNarw-SemiBold.woff') format('woff');
	font-weight: 600;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'AmsiProNarw';
	src: url('fonts/AmsiProNarw-Bold.woff2') format('woff2'),
		url('fonts/AmsiProNarw-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'AmsiProNarw';
	src: url('fonts/AmsiProNarw-Regular.woff2') format('woff2'),
		url('fonts/AmsiProNarw-Regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Yellowtail';
	src: url('fonts/Yellowtail.woff2') format('woff2'),
		url('fonts/Yellowtail.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
.amsiProUltr {
	font-family: 'AmsiPro-Ultra';
}
.amsiProNarw {
	font-family: 'AmsiProNarw';
}
.yellowtail {
	font-family: 'Yellowtail';
}
.semiBold {
	font-weight: 600;
}
.bold {
	font-weight: bold;
}
.uppercase {
	text-transform: uppercase;
}
.slantedText {
	display: inline-block;
	-ms-transform: rotate(-4deg);
	transform: rotate(-4deg);
}
.slantedText::before, 
.slantedText::after {
	content: "";
	display: inline-block;
	width: 15px;
	height: 30px;
	position: absolute;
}
.slantedText::before {
	top: 9px;
	left: -20px;
}
.slantedText::after {
	top: 6px;
	right: -20px;
}

.mt0 {margin-top: 0 !important;}
.mb0 {margin-bottom: 0 !important;}
.mb12 {margin-bottom: 12px !important;}
.mb32 {margin-bottom: 32px !important;}
.pt30 {padding-top: 30px !important;}
.pt60 {padding-top: 60px !important;}

html {
	font-size: 16px;
}
nav {
	background-color: #FFF;
}
nav .brand-logo {
	margin-top: 12px;
}
nav .brand-logo img {
	width: 155px;
	height: 44px;
}
.nav-wrapper .btn {
	background-color: #004599;
	text-transform: none;
}
.nav-wrapper .btn:hover {
	background-color: #1b53a8;
}
#vanSection {
	background: url("../img/fondo-dots.jpg") repeat-x #ffc53d;
}
#vanSection .amsiProUltr {
	color: #e31024;
	text-shadow: 2px 2px #ffeecc;
}
#vanSection p:nth-child(3) {
	color: #e31024;
}
#catSection {
	background-color: #ffeecc;
}
#catSection .slantedText, 
#mapSection .slantedText {
	color: #004599;
}
#catSection .slantedText::before, 
#mapSection .slantedText::before {
	background: url("../img/before.png") no-repeat center center / cover;
}
#catSection .slantedText::after, 
#mapSection .slantedText::after {
	background: url("../img/after.png") no-repeat center center / cover;
}
#catSection .amsiProUltr, 
#mapSection .amsiProUltr {
	color: #004599;
	text-shadow: 2px 2px #ffc53d;
}
#catSection .col.s6.m20 {
	margin-bottom: 12px;
}
#phonesSection {
	background-color: #cf3333;
}
#phonesSection .slantedText {
	color: #ffbb33;
}
#phonesSection .slantedText::before {
	background: url("../img/before-orange.png") no-repeat center center / cover;
}
#phonesSection .slantedText::after {
	background: url("../img/after-orange.png") no-repeat center center / cover;
}
#phonesSection p {
	color: #FFF;
}
#phonesSection div.section {
	padding: 0;
}
#phonesSection div.section:nth-child(1) {
	background: url("../img/back-top.png") no-repeat top left / 40% auto;
}
#phonesSection div.section:nth-child(2) {
	background: url("../img/back-top.png") no-repeat 100% 37% / 40% auto;
}
#phonesSection div.section:nth-child(3) {
	background: url("../img/back-top.png") no-repeat bottom left / 40% auto;
}
#phonesSection .amsiProUltr {
	color: #fdfafa;
	text-shadow: 2px 2px #ffbb33;
}
#phonesSection .textCnt {
	/*padding-top: 30px;*/
}
#mapSection {
	background: url("../img/mapa.png") no-repeat #ffe5b6 bottom left / 100% auto;
	min-height: 590px;
}
#contactSection {
	background-color: #174894;
}
#contactSection .amsiProUltr {
	color: #FFF;
	text-shadow: 2px 2px #ffd100;
}
#contactSection .circle {
	display: inline-block;
	color: #ffd100;
	border: solid 2px #ffd100;
	border-radius: 50%;
	width: 62px;
	height: 62px;
}
#contactSection .circle i {
	line-height: 62px;
	font-size: 30px;
}
#contactSection p {
	color: #f5f0e6;
	max-width: 325px;
	margin: 1rem auto;
}
#contactSection .btn-large {
	background-color: #ffd100;
	text-transform: none;
}
#contactSection .btn-large:hover {
	background-color: #f9d42e;
}
.page-footer {
	padding: 40px 0 28px;
	background-color: #1b53a8;
}
.page-footer a {
	color: #ffffff;
	font-size: 18px;
}
.page-footer a p.icon {
	display: inline-block;
	border-radius: 50%;
	margin: 0 0 6px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	background-color: #ffffff;
	color: #1b53a8;
	position: relative;
}
.page-footer a p.icon i {
	line-height: 40px;
	font-size: 27px;
}
.page-footer a p.icon.facebook i {
}
.downloadLink {
	overflow: hidden;
	display: inline-block;
	border-radius: 6px;
}
.bigContainer {
	margin: 0 auto;
	max-width: 1280px;
	width: 100%;
}

@media only screen and (min-width: 601px) {
	.row .col.m20 {
		width: 20%;
		margin-left: auto;
		left: auto;
		right: auto;
	}
	.bigContainer {
		width: 85%;
	}
}
@media only screen and (max-width: 600px) {
	nav .brand-logo {
		margin-top: 7px;
	}
	.valignMobile {
		display: block;
	}
	#contactSection p {
		max-width: 100%;
	}
	#phonesSection div.section:nth-child(1) {
		background: url("../img/back-top.png") no-repeat -210% 0% / 90% auto;
	}
	#phonesSection div.section:nth-child(2) {
		background: url("../img/back-top.png") no-repeat 118px 52px / auto 24%;
	}
	#phonesSection div.section:nth-child(3) {
		background: url("../img/back-top.png") no-repeat -92px 134px / 90% auto;
	}
}
@media only screen and (max-width: 400px) {
	h3 {
		font-size: 2.6rem;
	}
}
@media only screen and (min-width: 993px) {
	.bigContainer {
		width: 80%;
	}
}