@charset "utf-8";
* {
	padding: 0;
	margin: 0;
	border: 0;
	text-decoration: none;
	list-style: none;
}
html, body {
	font-family: "LatoRegular", sans-serif;
	width: 100%;
}
header.kitchen {	
    background: url(../images/landing/kitchen-731351_1920.jpg) no-repeat center ;
	height: 566px;
	border-bottom: 4px solid #ec2027;
}
header.magniLaptop {	
    background: url(../images/headers/1.jpg) no-repeat center ;
	height: 566px;
	border-bottom: 4px solid #ec2027;
}
header.tools {	
    background: url(../images/landing/tools2.jpg) no-repeat center ;
	height: 566px;
	border-bottom: 4px solid #ec2027;
    position: relative;
}


header.setembro {	
    background: url(../images/landing/Setembro.jpg) no-repeat bottom ;
	height: 566px;
	border-bottom: 4px solid #ec2027;
    position: relative;
}

header.setembro:before {	/*alterar a opacidade para escurecer ou aclarar*/
    background: rgba(0, 0, 0, 0.2) none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}

header.tools:before {	/*alterar a opacidade para escurecer ou aclarar*/
    background: rgba(0, 0, 0, 0.3) none repeat scroll 0 0;
    content: "";
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 0;
}
header .container {
	padding: 60px 0;
}
header h2 {
    background: rgba(0, 0, 0, 0.5);
   color: #fff;
   font-size: 32px;
   line-height: 30px;
   margin: 80px auto auto;
   padding: 20px;
   text-align: center;
   text-transform: uppercase;
}
header h3 {
    color: #fff;
    font-size: 26px;
    margin: 40px auto auto;
    padding: 10px 20px;
    text-align: center;
}
header .btnSolution {
	display: table;
    margin: 20px auto auto;
}
.contents.first {
	margin-top: 250px;
}
.logo {
	margin: auto;
	background: url(../images/landing/logo_magni.png) no-repeat;
	width: 260px;
	height: 80px;
	text-indent: -9999px;
}
.container {
	width: 960px;
	padding: 40px 0;
	margin: auto;
	position: relative;
}
.stamp {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 20;
    width: 294px;
    box-sizing: border-box;
    padding-right: 10px;
    padding-top: 10px;
    height: 138px;
    background: url("../images/landingPartner/stamp.png") no-repeat;
    color: #FFF;
    text-transform: uppercase;
}

.stamp a, .stamp a strong {
    color: #FFF;
}
.stamp .smalltext {
    font-size: 20px;
    clear: both;
    float: right;
}
.stamp .largetext {
    font-size: 30px;
    clear: both;
    float: right;
}
.features {
	left: 50%;
    margin: auto auto auto -480px;
    position: absolute;
    top: 520px;
    width: 960px;
}
.features li {
	width: 20%;
	float: left;
	padding: 0 10px;
	box-sizing: border-box;
}
.features li .image {
	background: url(../images/landing/icons_bullets.png) no-repeat #ec2027;
	border-radius: 50px;
	width: 100px;
	height: 100px;
	margin: auto;
	display: block;
}
.features li:first-child .image {
	background-position: 15px 12px;
}
.features li:nth-child(2) .image {
	background-position: 15px -80px;
}
.features li:nth-child(3) .image {
	background-position: 15px -175px;
}
.features li:nth-child(4) .image {
	background-position: 15px -280px;
}
.features li:last-child .image {
	background-position: 15px -386px;
}
.features li .title {
	color: #ee2027;
	font-size: 18px;
	text-transform: uppercase;
	display: block;
	text-align: center;
	margin-top: 20px;
}
.features li .body {
	color: #666;
	font-size: 15px;
	display: block;
	text-align: center;
	margin-top: 10px;
}
.btnSolution {
    background: #ff9c00  none repeat scroll 0 0;
   border-radius: 34px;
   color: #fff;
   font-size: 20px;
   line-height: 46px;
   padding: 0 40px;
   text-align: center;
   
}
.btnSolution:hover {
	background: #ff7800;
}
.testimonials {
	background:url(../images/landing/bg_img.png) no-repeat #000 right top;
	height: 274px;
	color: #FFF;
}
.testimonials .quote {
	font-size: 26px;
	float: left;
	width: 500px;
	margin-bottom: 30px;
	position: relative;
}
.testimonials .quote:before {
	content: url(../images/landing/quote.png);
	position: absolute;
	left: -50px;
	top: 0;
	opacity: .7;
}
.testimonials .quote:after {
	content: url(../images/landing/quote.png);
	position: absolute;
	right: -50px;
	top: 0;
	transform: rotate(180deg);
	opacity: .7;
}
.testimonials .author {
	font-size: 22px;
	font-style: italic;
	float: left;
	clear:left;
	width: 500px;
}
.testimonials .position {
	font-size: 18px;
	font-style: italic;
	float: left;
	clear:left;
	width: 500px;
}
.ipadsection {
	background: #FFF;
	height: 380px;
}
.ipadsection .ipad {
	position: absolute;
	left: -200px;
	top: -20px;
}
.ipadsection p {
	color: #666;
	font-size: 24px;
	float: right;
	width: 500px;
}
.ipadsection p span {
	color: #ec2027;
	font-size: 38px;
	display: block;
	text-transform: uppercase;
	margin-top: 30px;
	margin-bottom: 20px;	
}
.ipadsection .btnSolution {
	clear: right;
    float: right;
    margin-top: 20px;
    position: relative;
    z-index: 30;
}
footer {
	background: #222 !important;
}
footer .container {
	padding: 80px 0;
	overflow: auto;
}
footer p {
	color: #999;
	font-size: 22px;
	float: left;
	text-align: center;
}
footer p span {
	text-transform: uppercase;
	color: #ec2027;
}
footer .btnSolution {
	margin-top: 16px;
}
footer .btnSolution {
    margin-top: 66px;
}
.newsletterWidgetLanding {
    top: 6px !important;
    transition: none 0s ease 0s !important;
}
.newsletterResponseLanding {
    position: inherit !important;
    top: 30px !important;
    transition: none 0s ease 0s !important;
    width: 100%;
}

/*MEDIA QUERIES*/
/*IPAD*/
@media only screen and (min-width : 768px) and (max-width : 1024px)  {
.container, .features {
    max-width: 700px;
}
.features {
    margin-left: -350px;
}
.ipadsection .ipad {
    top: 10px;
    width: 880px;
}
.ipadsection p {
    width: 400px;
    font-size: 18px;
}
}
/*IPHONE*/
@media only screen and (min-width : 240px) and (max-width : 767px) {
.container, header .container {
    max-width: 100%;
    width: 100%;
    box-sizing: border-box;
    padding: 10px;
}
.logo {
    background-position: center center;
    background-size: 70% auto;
    margin-top: 40px;
}
header h2 {
    font-size: 24px;
    font-weight: 400;
    margin: 30px auto auto;
}
header h3 {
    font-size: 20px;
    font-weight: 400;
    margin: 20px auto auto;
}
.btnSolution {
    font-size: 16px;
}
header {
    height: auto !important;
}
.testimonials .quote {
    font-size: 22px;
    margin-top: 14px;
    width: auto;
}
.testimonials .author {
    font-size: 20px;
}
.testimonials .position {
    font-size: 16px;
}
.ipadsection {
    height: auto;
    overflow: hidden;
    padding-bottom: 40px;
}
.ipadsection .container {
    padding-top: 250px;
}
.ipadsection .ipad {
    left: 50%;
    margin-left: -208px;
    position: absolute;
    top: 0;
    width: 680px;
}
.ipadsection p {
    display: block;
    float: none;
    font-size: 18px;
    width: auto;
}
.ipadsection p span {
    font-size: 30px;
}
.ipadsection .btnSolution {
    clear: none;
    display: table;
    float: none;
    margin: auto;
    z-index: unset;
}
.newsletterBtnLanding {
    transition: none !important;
}
.newsletterResponseLanding {
    position: inherit !important;
    top: 30px !important;
    width: 100%;
    transition: none !important;
}
.newsletterWidgetLanding {
    top: 6px !important;
    transition: none !important;
}
.stamp {
    width: 220px;
}
.stamp .largetext {
    font-size: 26px;
}

.stamp .smalltext {
    font-size: 14px;
}
footer p {
    font-size: 18px;
}
footer {
    padding: 0 !important;
}
.features {
    left: 0;
    margin: 0;
    position: relative;
    top: auto;
    width: 100%;
    overflow: auto;
    padding-top: 40px;  
}
.features li {
    box-sizing: border-box;
    clear: left;
    float: left;
    padding: 0 10px;
    width: 100%;
}
.features li .image {
    background: #ec2027 url("../images/landing/icons_bullets.png") no-repeat scroll 0 0 / 70px auto;
    float: left;
    height: 70px;
    width: 70px;
    margin-right: 20px;
    margin-bottom: 20px;
}
.features li .title {
    font-size: 16px;
    font-weight: 400;
    margin-top: 6px;
    text-align: left;
}
.features li .body {
    font-size: 12px;
    text-align: left;
    margin-top: 6px;
}
.contents.first {
    margin-top: 20px;
}
.features li:first-child .image {
	background-position: 0 0;
}
.features li:nth-child(2) .image {
	background-position: 0 -90px;
}
.features li:nth-child(3) .image {
	background-position: 0 -185px;
}
.features li:nth-child(4) .image {
	background-position: 0 -282px;
}
.features li:last-child .image {
	background-position: 0 -390px;
}
.testimonials .quote:before, .testimonials .quote:after {
    display: none;
}
.testimonials .author, .testimonials .position {
    width: auto;
}
}






/*TRANSPORTADORAS*/

@charset "utf-8";
* {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	text-decoration: none;
	list-style: none;
}
html, body {
	width: 100%;
	font-family: "LatoRegular", sans-serif;
}
.transportadoras .container {
	width: 960px;
	padding: 80px 0;
	margin: auto;
	overflow: auto;
}
.bg_white, .bg_grey, .bg_colored {
	width: 100%;
}
.bg_white {
	background: #FFF;
}
.bg_grey {
	background: #EEE;
}
.bg_colored {
	background: url(../images/transportadora/bg_colored.png) center center;
}
.twoColumns {
	width: 49%;
	float: left;
}
.twoColumns:last-child {
	float: right;
}
header {
	height: 268px;
	width: 100%;
	background: url(../images/transportadora/header.png) no-repeat top center;
}
h2 {
	color: #ec2027;
	font-size: 26px;
	text-transform: uppercase;
	margin-bottom: 20px;
}
h2.center {
	width: 100%;
	display: block;
	text-align: center;
}
p {
	color: #999;
	font-size: 18px;
	margin-bottom: 10px;
}
strong {
	color: #666;
}
.highlight {
	color: #ec2027;
}
.logos {
	left: 50%;
	margin-left: 172px;
	position: absolute;
	top: 290px;
}
.logos a {
	margin: 0 10px;
}
.tryNow {
	background: #ee2027 none repeat scroll 0 0;
	color: #fff;
	font-size: 24px;
	left: 50%;
	margin-left: -150px;
	padding: 10px;
	position: absolute;
	text-align: center;
	top: 548px;
	width: 300px;
	display: none;
}
.testimonialsTransportadoras li {
	box-sizing: border-box;
	color: #999;
	float: left;
	font-size: 14px;
	height: 115px;
	margin: 30px 20px 0;
	padding: 0 10px;
	position: relative;
	width: 200px;
}
.testimonialsTransportadoras li:before, .testimonialsTransportadoras li:after {
	content: url(../images/transportadora/testimonials.png);
	position: absolute;
	font-size: 40px;
	font-family: "Times New Roman", Times, serif;
	opacity: .3;
}
.testimonialsTransportadoras li:before {
	left: -20px;
	top: -10px;
}
.testimonialsTransportadoras li:after {
	bottom: 60px;
	left: 168px;
	transform: rotate(180deg);
}
.testimonialsTransportadoras li .quote {
	display: block;
	line-height: 14px;
	height: 70px;
}
.testimonialsTransportadoras li .name {
	font-style: italic;
	float: right;
	font-size: 11px;
}
.testimonialsTransportadoras li .position {
	font-style: italic;
	color: #bbb;
	float: right;
	clear: both;
	font-size: 11px;
}
.questions .logo_tg {
	left: 50%;
	margin-left: 280px;
	position: absolute;
	width: 200px;
	display: none;
}
.questions li {
	background: url(../images/transportadora/bullet_questions.png) left center no-repeat;
	padding-left: 36px;
	color: #FFF;
	margin-bottom: 18px;
	font-size: 26px;
}
.steps ul {
	background: url(../images/transportadora/steps.png) center center no-repeat;
	width: 960px;
	height: 361px;
}
.steps ul li {
	width: 230px;
	padding: 40px 0 10px;
	float: left;
}
.steps ul li:first-child {
	margin-left: 26px;
}
.steps ul li:nth-child(2) {
	margin: 0 108px;
}
.steps ul li:last-child {
}
.steps ul li .title {
	color: #ec2027;
	text-transform: uppercase;
	font-size: 20px;
	text-align: center;
	width: 100%;
	display: block;
	margin-bottom: 10px;
}
.steps ul li .body {
	color: #999;
}
.solution {
	background: url(../images/transportadora/bg_solution.PNG) no-repeat center 140px;
}
.solution .intro {
	font-size: 22px;
	width: 500px;
	margin: auto;
	display: block;
	margin-top: 40px;
	margin-bottom: 140px;
}
.solution li {
	font-size: 18px;
	margin-bottom: 16px;
	border-left: 5px solid #ec2027;
	border-right: 5px solid #ec2027;
	padding: 0 20px;
}
.conclusion p, .conclusion strong {
	font-size: 26px;
	color: #FFF;
	text-align: center;
}
.results table {
	border-collapse: collapse;
}
.results tr {
	border-bottom: 1px solid #DDD;
}
.results .before {
	background: url(../images/transportadora/bullet_before.png) no-repeat left 18px;
	color: #999;
	padding: 16px 10px 16px 30px;
	vertical-align: sub;
	font-size: 18px;
}
.results .after {
	background: url(../images/transportadora/bullet_after.png) no-repeat left 18px;
	color: #666;
	padding: 16px 10px 16px 30px;
	vertical-align: sub;
	font-size: 18px;
}
.results .beforeTitle, .results .afterTitle {
	border-radius: 50px;
	color: #fff;
	display: block;
	font-size: 20px;
	height: 100px;
	line-height: 100px;
	margin: auto;
	text-align: center;
	text-transform: uppercase;
	width: 100px;
	margin-bottom: 10px;
}
.results .beforeTitle {
	background: #ec2027;
}
.results .afterTitle {
	background: #04af00;
}
.icons ul {
	width: 100%;
	background: url(../images/transportadora/bullets_icons.png) no-repeat left top;
	overflow: auto;
}
.icons li {
	padding: 70px 10px 0 10px;
	box-sizing: border-box;
	color: #FFF;
	float: left;
	width: 20%;
	text-align: center;
}
.icons li .title {
	display: block;
	font-size: 20px;
	margin-bottom: 10px;
	text-align: center;
	text-transform: uppercase;
	width: 100%;
}
.tryForFree {
	background: url(../images/transportadora/bg_tryForFree_40pes.PNG) no-repeat center 40px;
	min-height: 500px
}
.tryForFree .line {
	float: left;
	font-size: 40px;
	text-transform: uppercase;
	color: #666;
}
.tryForFree .line .highlight {
	font-size: 70px;
	display: block;
	color: #666;
}
.tryForFree .line .highlight .red {
	color: #ec2027;
}
.tryForFree .line .highlight .red strong {
	font-family: "LatoBold", sans-serif;
	color: #ec2027;
}
.tryForFree a {
	background: #eee;
	text-transform: uppercase;
	padding: 16px 40px;
	float: left;
	margin-top: 100px;
	margin-right: 10px;
	font-size: 20px;
}
.tryForFree a.pes40 {
	color: #1ac6ff;
}
.tryForFree a.magnifinance {
	color: #ec2027;
	clear: left;
}
a.stampTransportadoras {
	position: fixed;
	z-index: 20;
	top: 0;
	right: 0;
}
@font-face {
  font-family: 'LatoRegular';
  src: url('../css/fonts/LatoLatin-Regular.eot'); /* IE9 Compat Modes */
  src: url('../css/fonts/LatoLatin-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/LatoLatin-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/LatoLatin-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../css/fonts/LatoLatin-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/LatoLatin-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
  font-family: 'LatoBold';
  src: url('../css/fonts/LatoLatin-Bold.eot'); /* IE9 Compat Modes */
  src: url('../css/fonts/LatoLatin-Bold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../css/fonts/LatoLatin-Bold.woff2') format('woff2'), /* Super Modern Browsers */
       url('../css/fonts/LatoLatin-Bold.woff') format('woff'), /* Pretty Modern Browsers */
       url('../css/fonts/LatoLatin-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../css/fonts/LatoLatin-Bold.svg#svgFontName') format('svg'); /* Legacy iOS */
}

/*MEDIA QUERIES*/
/*IPAD*/
@media only screen and (min-width : 200px) and (max-width : 1024px)  {
.transportadoras header {
    background-size: 2000px auto;
    height: 180px !important;
}
.logos {
    top: 220px;
    margin-left: 60px;
}
.testimonialsTransportadoras li {
    float: left;
    margin: 0 20px;
    width: 44%;
}
.testimonialsTransportadoras li:nth-child(even) {
    float: right;
}
.bg_white.testimonialsTransportadoras {
    margin-top: 70px;
}
.steps ul {
    width: 100%;
    background-size: 100%;
    height: 270px;
}
.steps ul li {
    width: 152px;
    padding: 20px 0 10px;
}
.steps ul li:nth-child(2) {
    margin: 0 95px;
}
.steps ul li .title {
    font-size: 16px;
}

.steps ul li .body {
    font-size: 12px;
    line-height: 14px;
}
.tryForFree .line {
    font-size: 32px;
}
.tryForFree .line .highlight {
    font-size: 60px;
}
.icons li .title {
    font-size: 16px;
}
.icons li {
    font-size: 14px;
}
.icons ul {
    background-size: 100%;
}
}
/*IPAD LANDSCAPE*/
@media only screen and (min-width : 900px) and (max-width : 1024px)  {
.transportadoras header {
    background-size: 2420px auto;
    height: 220px;
}
.logos {
    top: 260px;
}
.logos {
    margin-left: 172px;
}
}
/*IPHONE*/
@media only screen and (min-width : 240px) and (max-width : 767px) {
body.transportadoras {
    min-width: 768px;
}
.steps ul li {
    width: 172px;
}
}