/* 
Site Developed By Karoline Dassie
	Main colors:
	dark gray #202020
	light gray #c9c9c9 #787777
	yellow #f7cd14
 */


/*=====================
Fonts
=======================*/
@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,900';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';


/*=====================
Reset
=======================*/

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,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
}

.fleximgs {
	display: flex;
	flex-direction: column;
	align-items: center;
}

* {
	box-sizing: border-box
}

a {
	border: none;
	outline: none
}

ol,
ul {
	list-style: none;
}

img {
	border: none;
	outline: none;
}

/*
.fleximgs img {
	width: 50%;
	padding: 20px;
}
*/

.fleximgs a {display: flex;
    justify-content: center;
    flex-direction: column;
    margin: 0 auto;
    align-items: center;}

img.popup-1{
	width: 55%;
	    display: flex;
    flex-direction: column;
/*	margin-bottom: 30px;*/
	
}


.pop-click-here  {display: flex; }

.pop-click-here p {color: #fff; margin: 5px auto 10px;}

img.popup-2 {
	width: 43%;
}

.isDesktopDevice img {
	display: inherit !important
}

/* =====================

Typography 

=====================*/

h1 {
	font-size: 40px;
	font-weight: 400;
	margin: 0 0 15px 0;
	color: #787777;
	text-transform: uppercase;
	text-align: center
}

h1 span {
	font-size: 30px;
	font-weight: 800;
	color: #f7cd14;
}

h2 {
	color: #202020;
	font-size: 21px;
	margin: 0 0 15px 0;
	font-weight: 900;
	text-align: center
}

h3 {
	color: #202020;
	font-size: 27px;
	font-weight: 400;
	margin: 10px 0 15px 0;
}

h4 {
	color: #fff;
	font-size: 16px;
	margin: 0 0 15px 0;
	font-weight: 700;
	text-transform: uppercase
}

h4 span {
	color: #878787;
}

h5 {
	color: #000;
	font-weight: 900;
	font-size: 15px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
	display: inline-block
}

h5 span {
	color: #fff
}

h6 {
	color: #fff;
	font-weight: 600;
	font-size: 20px;
	text-transform: uppercase;
	margin: 0 10px 0 0;
}

p {
	font-size: 14px;
	line-height: 1.4em;
	margin: 0 auto;
	color: #787777
}

a {
	text-decoration: none;
	color: #787777
}

a:hover {
	font-weight: 900
}

.redbanner a:hover {
	text-decoration: underline;
	text-decoration-color: white;
}


/* =====================

Main Styles 

=====================*/

body {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	width: 100%;
	height: 100%;
	-webkit-text-size-adjust: none;
}

.clear {
	clear: both
}

a img {
	border: 0;
}

::-moz-selection {
	background: #c9c9c9;
	color: #202020;
	text-shadow: none;
}

::selection {
	background: #c9c9c9;
	color: #202020;
	text-shadow: none;
}

.bold {
	font-weight: 900
}

.white {
	color: #fff
}

.darkgray {
	background: #202020;
}

.lightgray {
	background: #787777;
	padding: 0 15px;
}

.yellow {
	background: #f7cd14;
	padding: 10px 0;
}

.wrapper {
	max-width: 1020px;
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}

.smallwrapper {
	max-width: 800px;
	width: 100%;
	margin: 0 auto;
	overflow-x: hidden;
}

#blackcenter {
	background: #191919;
	margin: 0 auto;
	text-align: center
}

.container {
	padding: 3em 0;
}

.center {
	text-align: center
}

.left {
	float: left;
}

.right {
	float: right;
}

.half {
	width: 50%;
}

.twothird {
	width: 70%
}

.onethird {
	width: 30%
}

.onefifth {
	width: 17.5%;
}

.onefifthmiddle {
	width: 30%;
}

.newsletter {
	position: fixed;
	z-index: 9999999;
	right: 0;
	margin-top: 65px;
}

.newsletter img:hover {
	-webkit-transform: scale(0.98);
	transform: scale(0.98);
}

.service-images {
	display: flex;
	flex-direction: row;
	width: 90% !important;
	margin: 40px auto 0;
	gap: 10px;
	justify-content: center;
}

.service-images img.image-1  {
	width: 100%;
}
.service-images img.image-2  {
	width: 30%;
}

.service-images a {
	width: 50%;
	margin-top: 10px;
}

/*---POP-UP -----------------------------------*/
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.popup-box {
	width: 50%;
	margin: 0 auto;
	background: rgba(0, 0, 0, 0.2);
	padding: 35px;
	border-radius: 20px/50px;
	background-clip: padding-box;
	text-align: center;
}

.popup .close {
	position: absolute;
	top: 10px;
	right: 15px;
	transition: all 0.2s;
	font-size: 30px;
	font-weight: bold;
	text-decoration: none;
	color: white !important;
	/* border: 1px solid #fff !important; */
	padding: 0 10px 5px 10px;
	/* background: red; */
	opacity: 1.0 !important;
	text-shadow: none !important;
}

.popup .close:hover {
	background: #000;
	color: #fff;
}

.popup .content {
	max-height: 60%;
	overflow: auto;
}

/*Let's make it appear when the page loads*/
.overlay:target:before {
	display: none;
}

.overlay:before {
	content: "";
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0, 0, 0, 0.85);
	position: fixed;
	z-index: 999999;
}

.popup {
	background: #161b1d;
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	border: 2px solid #fff;
	border-radius: 5px;
	width: 95%;
	max-width: 969px;
	position: absolute;
	top: 0.5vw;
	left: 0;
	right: 0;
	float: none;
	padding: 3% 0;
	margin: 0 auto;
	text-align: left;
	z-index: 99999999;
	-webkit-transition: all 0.6s ease-in-out;
	-moz-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}

.overlay:target .popup {
	top: -280%;
	left: -100%;
}

.popup .wrapper-inner {
	width: 85%;
	padding: 20px 0;
	margin: 0 auto;
	text-align: center !important
}

.popup-text {
	color: white !important;
	font-size: 19px !important;
}

/* =====================

AT styles

=====================*/
iframe.YTvideo {
	width: 540px;
	height: 300px;
	display: block;
	margin: 0 auto
}

h1.YThead {
	font-size: 25px
}

/* =====================

AT styles

=====================*/
.atcontainer {
	padding: 60px 20px;
	width: 1020px;
	background: #fff;
	margin: 0 auto;
	border: #ccc 1px solid;
}

/* =====================

Slideshow 

=====================*/
.slider-container {
	position: relative;
	padding-top: 33%;
	height: 0;
}

.slider-quote {
	position: absolute;
	width: 90%;
	height: 70%;
	z-index: 1000;
	text-align: left;
	color: #fff;
	font-size: 22px;
	padding: 2% 3%;
	text-transform: uppercase;
}

.slider-quote span {
	font-size: 30px;
	background: #202020;
	padding: 0 15px
}

/* =====================

red banner

=====================*/

.redbanner {
	background-color: rgba(217, 0, 3, 1.00);
	padding: 20px;
	margin: 6px 0 10px 0;
	text-align: center;
	border-top: solid thick #f7cd14;
	border-bottom: solid thick #f7cd14;
}


/* =====================

Header 

=====================*/

.header {
	width: 100%;
	background: #fff;
	padding: 10px 0 15px 0;
}

#logostuff {
	float: left;
	width: 100%;
	max-width: 220px
}

#topnav {
	display: block;
	color: #787777;
	float: right;
	text-align: right
}

#topnav a {
	margin: 0 5px;
	color: #787777 !important;
	font-size: 13px;
	font-weight: normal
}

#topnav a:hover {
	font-weight: 900
}

#topnav a.ligar {
	color: #202020 !important;
	font-size: 27px !important;
	font-weight: 400 !important;
}

#socialmedia .fa {
	font-size: 25px;
	color: #202020;
	text-shadow: none;
}

/* =====================

Navigation section starts

=====================*/

.show-menu-for-mobile {
	display: none;
}

.show-logo-for-mobile {
	display: none;
}

.topbar {
	background: #f7cd14;
	width: 100%;
	padding: 0;
	font-size: 14px;
	color: #fff;
}

.navfull {
	text-align: right;
	width: 100%;
	background: #f7cd14;
	box-shadow: 0 2px 4px #adadad
}

.navsmall {
	width: 100%;
	margin: 0 auto;
}

.navsmall ul li a {
	color: #000;
	text-align: center;
	padding: 10px 15px 15px 15px;
	text-decoration: none;
	font-size: 14px;
	font-weight: 600;
	font-family: 'Roboto', sans-serif;
	display: block;
	text-transform: uppercase;
	border-top: #f7cd14 5px solid;
}

.navsmall ul li a:hover {
	border-top: #fff 5px solid;
	font-weight: 900;
}

.navsmall ul {
	list-style-type: none;
	margin: 0;
	text-align: center
}

.navsmall li {
	display: inline-block
}

.navsmall ul li.onsale a {
	background: #d90b12;
	color: #fff
}

/*  SUB NAV
	------------------------------------------------*/
.navsmall ul ul li a {
	line-height: 11px;
	width: 200px;
	border-right: none;
	border-left: none;
	background: #f7cd14;
	color: #000;
	text-align: left;
	padding: 10px;
	text-decoration: none;
	font-size: 13px;
	display: block;
	border: #fff 1px solid;
	transition: background-color 200ms ease, background-color 200ms ease, all 200ms ease;
}

.navsmall ul ul li a:hover {
	background: #fff;
	color: #000;
	font-weight: 900;
}


/*  NAV DROPDOWNS
	------------------------------------------------*/
.navsmall ul ul {
	display: none;
	position: absolute;
}

.navsmall ul ul ul {
	position: absolute;
	left: 100%;
	top: 0;
}

.navsmall ul li:hover>ul {
	display: block;
	line-height: 18px;
	z-index: 9999999;
	padding: 0;
}

.navsmall ul ul li {
	float: none;
	position: relative;
	margin: 0;
	display: block;
}

/* =====================

SCROLLING INVENTORY

=====================*/

.scrolling-wrap {
	width: 100%;
	height: 90px;
	overflow: hidden;
}

.scrolling {
	width: 100%;
	height: 90px;
}

iframe.scrolling {
	width: 100%;
	height: 90px;
}

/* =====================

Main section

=====================*/

#welcome {
	width: 50%;
	padding: 0 30px 0 0
}

#welcome p {
	color: #c9c9c9
}

.tubevideo {
	width: 48%;
	margin-right: 2%;
}

.tubevideo iframe {
	width: 100%;
	height: 210px;
}

a#button {
	color: #fff;
	background: #787777;
	padding: 5px 0;
	margin: 3em auto 1em auto;
	display: block;
	width: 180px;
	text-align: center;
	font-family: 'Roboto', sans-serif;
	transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease;
}

a#button:hover {
	background: #129C49;
	color: #202020
}


.onefifth i {
	font-size: 90px;
	text-align: center;
	color: #202020;
	margin: 0.5em auto 0 auto
}


#botaowrap {
	padding: 1em 0;
	display: flex;
	width: 90%;
	margin: 0 auto;
	gap: 20px;
}

a.chamada {
	display: block;
	padding: 15px 0;
	background: #129C49;
	border: 2px solid #129C49;
	float: left;
	text-transform: uppercase;
	color: #fff;
	font-size: 20px;
	font-weight: 900 !important;
	text-align: center;
	flex: 1;
}

a.chamada:hover {
	border: 2px solid #129C49;
	font-weight: 500;
	background: #787777;
}

.financial-calc{
	width: 100%; 
	margin: 0 auto; 
	height: 500px;
}

/* =====================

Manufacturer Logos

=====================*/

a.otherline {
	display: block;
	padding: 10px 0;
	background: #fff;
	border: 2px solid #f7cd14;
	max-width: 300px;
	margin: 0 auto 1em auto;
	text-align: center;
}

a.otherline:hover {
	border: 2px solid #787777;
	font-weight: 500;
}

.brand {
	text-align: center;
	border: 1px solid #c9c9c9;
	height: 70px;
	line-height: 70px;
	margin: 0 auto 15px auto;
}

.brand img {
	vertical-align: middle;
	max-height: 50px
}

.manulogowrap {
	position: relative;
	z-index: 9999;
	margin: 0 auto;
	width: 100%;
	background: none;
	max-width: 1400px;
	/*max-width:1800px;*/
	margin-top: none;
}

.manulogo {
	background: rgba(255, 255, 255, 0.68);
	width: 10%;
	vertical-align: middle;
	text-align: center;
	display: inline-block;
	margin: 0.7% 0.4%;
	/*	width:5.99%;
		height:80px;
		line-height:80px;*/
}

.manulogo img {
	vertical-align: middle;
	max-width: 97%
}

.manulogobig {
	background: #fff;
	width: 10%;
	display: inline-block;
	vertical-align: middle;
	text-align: center;
	margin: 0 0.1%;
	height: 96px;
	line-height: 96px;
}

.manulogobig img {
	vertical-align: middle;
	max-width: 97%
}

.manulogobig-rsp {
	display: none
}

/* =====================

Google Map

=====================*/

.google-maps {
	float: right;
	position: relative;
	padding-bottom: 20%;
	overflow: hidden;
	width: 100%;
}

.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	pointer-events: none;
}



/* =====================

Footer section starts

=====================*/

.quicklinks {
	width: 25%;
	text-align: left;
	line-height: 1.7em;
	font-size: 14px;
}

.quicklinks p,
.quicklinks a {
	font-size: 13px;
	line-height: 1.7em;
	color: #c9c9c9;
	transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease
}

.quicklinks a:hover {
	font-weight: 800;
	color: #fff
}

.quicklinks li {
	list-style: none;
	color: #c9c9c9;
}

.smalllogo {
	width: 23%;
	text-align: right;
	float: left;
	margin-top: 3.3em;
}

.smalllogo img {
	vertical-align: middle;
}

#facebook {
	text-align: right;
	color: #fff;
	text-shadow: 0px 1px 2px #555
}

#facebook .fa {
	font-size: 40px;
	color: #202020;
	text-shadow: none;
}

footer {
	background: #787777;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
	text-decoration: none;
	color: #c9c9c9;
	font-size: 11px;
}

a.footerlink:hover {
	text-decoration: underline;
	font-size: 11px;
}

.footertext {
	font-size: 11px;
	color: #c9c9c9;
}

.smallfootertext {
	font-size: 11px;
	color: #c9c9c9;
}

.divfooter {
	max-width: 630px;
	text-align: center;
	margin: 1em auto;
	line-height: 14px;
	color: #c9c9c9;
}


/* =====================

Form - Subscribe

=====================*/

form.search {
	display: block;
}

form.search label {
	display: block;
	float: left;
	text-transform: uppercase;
}

form.search input {
	display: block;
	float: left;
	border: none;
}

form.search input.text {
	width: 43%;
	padding: 6.4px;
	font-size: 12px;
}

form.search input.text:focus {
	outline: none;
	color: black;
	background: #202020;
	color: #fff
}

form.search input.search_btn {
	width: 15%;
	border: none;
	background: #787777;
	color: #fff;
	padding: 6.6px;
	text-transform: uppercase;
	font-size: 12px;
	margin: 0 !important;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;

}

form.search input.search_btn:hover {
	background: #c9c9c9;
	cursor: pointer;

}

/* =====================

Form - Service Request

=====================*/
.wrapper-form {
	max-width: 1600px;
	width: 90%;
	margin: 0 auto;
	overflow-x: hidden;
	padding: 20px 0;
}

.site-form {
	margin: 0 auto;
	padding: 0;
}

.site-form form {
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
	/*width:90%; max-width:1150px;*/
	margin: 0 auto;
}

.site-form h2 {
	width: 100%;
	margin: 0;
	font-size: 1.75em;
	font-weight: 700;
}

.site-form h6 {
	width: 100%;
	margin: 12px 0 4px 6px;
	letter-spacing: .05em;
	text-transform: uppercase;
	color: black !important;
	font-size: 13px;
}

.site-form .instructions {
	font-size: 14px;
	color: #777;
	margin: 6px 0 6px 0;
}

.site-form .note {
	font-size: 12px;
	font-style: italic;
	color: #777;
	text-align: center;
	margin: 8px 0 0 0;
}


.site-form input[type="text"],
.site-form input[type="email"],
.site-form input[type="number"],
.site-form input[type="time"],
.site-form input[type="date"],
.site-form select {
	box-sizing: border-box;
	width: 32.3%;
	margin: 6px .5% 9px .5%;
	padding: 12px 0;
	font-size: 15px;
	text-indent: 12px;
	color: #000;
	border: none;
	background-color: #F4F4F4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.site-form input[type="text"]:focus,
.site-form input[type="email"]:focus,
.site-form input[type="number"]:focus,
.site-form input[type="time"]:focus,
.site-form input[type="date"]:focus,
.site-form select:focus {
	background-color: #f9f9f9;
}

.fullinput {
	width: 100% !important;
	margin: 6px 0 9px 0;
	padding: 12px 0;
}

.singleinput {
	margin: 6px auto 9px 0 !important;
}

.radio-select {
	margin: 0 auto 0 0;
}

.site-form textarea {
	box-sizing: border-box;
	width: calc(100% - 16px);
	height: 150px;
	margin: 2px 0;
	padding: 4px 8px;
	font-size: 15px;
	border: none;
	background-color: #F4F4F4;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.site-form textarea:focus {
	background-color: #f9f9f9;
}

.site-form .check-field {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

.site-form .check-field .checkbox {
	margin: 0 8px 8px 8px;
	padding: 0;
	color: #4D4D4D;
}

.site-form input[type="submit"] {
	margin: 10px 0 0 0;
	padding: 0 20px;
	height: 46px;
	font-size: 16px;
	color: #fff;
	border: none;
	background: #129C49;
	transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-webkit-transition: all .2s ease-in-out;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.site-form input[type="submit"]:hover {
	color: #fff;
	background: #333;
	letter-spacing: .5px;
	transform: scale(1.01, 1.01);
	cursor: pointer;
	-webkit-appearance: none;
}

.site-form .CaptchaPanel {
	width: 100%;
	margin: 12px auto 0 auto;
}

.site-form .CaptchaMessagePanel {
	font-weight: 100;
}

.site-form img.CaptchaImage {
	margin: 0 auto;
}

.site-form .CaptchaAnswerPanel input {
	padding: 12px 0;
	text-indent: 12px;
	box-sizing: border-box;
	border: none;
	background-color: #F4F4F4;
}





/* =====================

Form - Service & Parts Page

=====================*/

form.request {
	display: block;
}

form.request input {
	display: block;
	border: none;
}

form.request input.text {
	width: 98%;
	padding: 8px 0;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	text-align: center;
	margin: 0 auto 2em auto;
}

form.request select {
	width: 98%;
	padding: 8px 0;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	text-align: center;
	margin: 0 auto 2em auto;
}

form.request input.text:focus {
	outline: none;
	color: black;
	background: #202020;
	color: #fff
}

form.request input.search_btn {
	width: 100%;
	max-width: 90px;
	border: none;
	background: #1b9947;
	color: #fff;
	padding: 6.6px;
	margin: 1em auto 0 auto;
	text-transform: uppercase;
	font-size: 16px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease;
}

form.request input.search_btn:hover {
	background: #c9c9c9;
	cursor: pointer;

}

/*control the Captcha */

.CaptchaPanel {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	text-align: center;
	line-height: normal !important;
}

.CaptchaImagePanel {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.CaptchaMessagePanel {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	font-weight: normal !important;
	color: black;
	font-size: 13px;
}

.CaptchaAnswerPanel {
	margin: 5px auto;
	padding: 6px !important;
	background: #c9c9c9;
	width: 183px;
}

.CaptchaWhatsThisPanel {
	line-height: 0;
	margin: 0;
}

.CaptchaWhatsThisPanel a {
	color: #c9c9c9;
	font-size: 12px;
}

.CaptchaWhatsThisPanel a:hover {
	text-decoration: none;
}

/* =====================

EMAIL SUBSCRIPTION CAPTCHA

=====================*/

.capthastyles .CaptchaPanel {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0 !important;
	text-align: center;
	line-height: normal !important;
}

.capthastyles .CaptchaImagePanel {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.capthastyles .CaptchaMessagePanel {
	padding: 0 0 0 0 !important;
	margin: 0 0 0 0 !important;
	font-weight: normal !important;
	color: #000;
	font-size: 11px;
}

.capthastyles .CaptchaAnswerPanel {
	margin: 5px auto;
	padding: 0px !important;
	background: #fff;
	width: 148px;
	outline: none
}

.capthastyles .CaptchaAnswerPanel:focus {
	outline: none
}

.capthastyles .CaptchaWhatsThisPanel {
	line-height: 0;
	margin: 0;
}

.capthastyles .CaptchaWhatsThisPanel a {
	color: #000;
	font-size: 9px;
}

.capthastyles .CaptchaWhatsThisPanel a:hover {
	text-decoration: none;
}

form.search .capthastyles input {
	float: none !important
}

.capthastyles .CaptchaImage {
	margin: 10px auto 0 auto;
	padding: 10px 0;
	border: none
}


/* =====================

CAREERS

=====================*/

table#career {
	width: 100%
}

#career th {
	background: #eee;
	color: #333;
	padding: .5em .75em;
	font-size: 1.2em;
	text-align: left;
}

#career a {
	color: #06C;
	text-decoration: underline
}

#career a:hover {
	font-weight: 400;
	text-decoration: none;
	color: #f7cd14
}

table#career .stripe_row {
	background: #EFF2F5;
	background: rgba(123, 125, 126, .1);
}

#career td {
	padding: .5em .75em;
	border-bottom: 1px solid #DDD;
	border-right: 1px solid #DDD;
	min-width: 5em;
}

.apply-btn {
	display: inline-block;
	background-color: #f7cd14;

	color: #000;
	line-height: 130%;
	font-weight: 700;
	font-size: 14px;
	margin: 2em 0;
	padding: 10px 0;
	text-align: center;
	display: block;
	width: 100px;
	cursor: pointer;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.apply-btn:hover {
	background: #000;
	color: #fff
}

#job li {
	font-size: 14px;
	line-height: 28px;
	margin: 0 0 0 20px;
	color: #787777
}

#job strong {
	font-weight: 900;
	color: #000
}

#career label {
	width: 33%;
	display: inline-block;
	vertical-align: middle;
}

.border-it {
	border: 1px solid #DDD;
	padding: 15px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin: 0.5em auto 2em auto;
}

#career #line {
	clear: both;
	border-bottom: 1px dotted #DDD;
	margin: 1em auto;
}

#career input.text {
	width: 64%;
	display: inline-block;
	padding: 8px 2%;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	text-align: left;
	margin: 0 auto;
}

#career textarea {
	width: 64%;
	display: inline-block;
	padding: 8px 2%;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	text-align: left;
	margin: 0 auto;
}

#career .smalllabl {
	width: auto;
	display: inline-block;
	vertical-align: top
}

#career input[type="radio" i] {
	display: inline-block;
	text-align: left;
	width: 20px;
	vertical-align: top
}

#career input[type="file" i] {
	display: inline-block;
	text-align: left;
	width: 60%;
	vertical-align: top
}

#career select {
	width: 64%;
	display: inline-block;
	padding: 8px 2%;
	font-size: 13px;
	border: 1px solid #c9c9c9;
	text-align: left;
	margin: 0 auto;
}



#career input.text:focus {
	outline-color: #f7cd14;
	color: #000;
	background: #F0F0F0;
}

#career ul#listaform {
	width: 64%;
	display: inline-block;
	text-align: left;
}

#career ul#listaform li {
	margin: 8px 0
}

.topp {
	vertical-align: top !important
}

#career input[type="checkbox" i] {
	display: inline-block;
	text-align: left;
	width: 20px;
	vertical-align: top;
}

#career .lado {
	width: 100%
}


.service-button {display: none;}

.click-here {display:none}
/* =====================

Push 

=====================*/

@-webkit-keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

@keyframes hvr-push {
	50% {
		-webkit-transform: scale(0.8);
		transform: scale(0.8);
	}

	100% {
		-webkit-transform: scale(1);
		transform: scale(1);
	}
}

.hvr-push {
	display: inline-block;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-osx-font-smoothing: grayscale;
}

.hvr-push:hover,
.hvr-push:focus,
.hvr-push:active {
	-webkit-animation-name: hvr-push;
	animation-name: hvr-push;
	-webkit-animation-duration: 0.3s;
	animation-duration: 0.3s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	-webkit-animation-iteration-count: 1;
	animation-iteration-count: 1;
}

._reviewInfo_3glv7_54 span {color: #000!important;}
._reviewContent_3glv7_19 p {color:#000!important;}
._reviewCarouselContainer_z332j_2 ._subText_z332j_47 {color:#737373!important;}
.center p {color:#757575!important;}
a.otherline {color:#757575!important;}
#topnav a {color:#757575!important;}



/* Responsive Styles for MANUFACTURER LOGOS ON THE HOME PAGE**/

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

	.manulogowrap {
		margin-top: 0;
	}

	.manulogobig {
		display: none
	}

	.manulogo img {
		max-width: 90%
	}


	.manulogobig-rsp {
		border: 1px solid #ccc;
		display: block;
		background: #fff;
		width: 98%;
		vertical-align: middle;
		text-align: center;
		margin: 1%;
		height: 96px;
		line-height: 96px;
	}
	
	.overlay .popup{
		padding-top: 10%!important;
    	padding-bottom: 12%!important;
	}

}

@media screen and (max-width: 1742px) {
	.overlay .popup{padding-bottom: 10% !important; padding-top: 17%!important;}
}

@media screen and (max-width: 1410px) {
	.manulogowrap {
		text-align: center
	}

	.manulogo {
		width: 10%;
	}

	.manulogobig-rsp {
		width: 91%;
		margin: 1% auto;
	}

	.service-images a {
	width: 100%;
}
	.service-images img.image-2 {
		width: 36%
	}
	.overlay .popup{
		
		padding-top: 15%!important;
		padding-bottom: 15%!important;
		background-size: cover!important;
		background-position-y:0px!important ;
		background-position-x:-1px!important ;
	}
	

}

@media screen and (max-width: 1270px){
	.overlay .popup{
		padding-top: 15%!important;
	}
}
@media screen and (max-width: 1100px) {
	.service-images {
		flex-direction: column;
		align-items: center;
	}
	.service-images img.image-1 {
		width: 100%
	}
	
	.service-images img.image-2 {
		width: 66%
	}
	.overlay .popup{
		padding-top:20%!important ;
		padding-bottom: 20%!important;
		background-size: cover!important;
	}
	
}

@media screen and (max-width: 1000px) {
	.navsmall ul li a {
		padding: 10px 5px;
		font-size: 13px;
	}

	a.chamada {
		flex-basis: 48%;
		flex-grow: 1;
	}

	#botaowrap {
		flex-wrap: wrap;
	}
	
			.financial-calc{
	width: 100%; 
	margin: 0 auto; 
	height: 800px;
}
}


@media screen and (max-width: 900px) {
	.manulogo {
		width: 15%;
	}
	
}

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

	.site-form input[type="text"],
	.site-form input[type="email"],
	.site-form input[type="number"],
	.site-form input[type="time"],
	.site-form input[type="date"],
	.site-form select {
		width: 100%;
		margin: 6px 0 9px 0;
	}
	
}
	@media screen and (max-width: 815px) {
		.newsletter {
			display: none;
		}
	}
	
	@media screen and (max-width: 762px) {
		.service-images img.image-1 {
			width: 100%;
		}
			.service-images img.image-2 {
			width: 70%;
		}
		
		.service-images {gap: 0;}
		
		.click-here {display:contents;text-align:center;}
		
		.popup .click-here {color: #fff;}
		
	}

	@media screen and (max-width: 700px) {
		a.chamada {
			display: block;
			padding: 15px 0;
			background: #129C49;
			border: 2px solid #129C49;
			width: 29%;
			float: left;
			text-transform: uppercase;
			color: #fff;
			margin: 0 2%;
			font-size: 14px;
			font-weight: 900 !important;
			text-align: center;
		}

		.manulogowrap {
			padding: 3px 0
		}

		.manulogobig-rsp {
			height: 80px;
		}

		.manulogo {
			width: 96%;
			margin: 1% auto;
			border: 1px solid #ccc;
			height: 80px;
			line-height: 80px;
		}

		.manulogo img {
			max-height: 60px
		}

		.manulogobig-rsp {
			width: 96%;
			margin: 1% auto;
		}

		iframe.YTvideo {
			width: 100%;
			height: 200px;
			margin: 20px auto 0 auto
		}

		a.chamada {
			flex-basis: 100%;
			margin: 0;
		}
	}

	/* Responsive Styles **/
	/** Responsive Styles **/
	/** Responsive Styles **/
	/** Responsive Styles **/

	@media screen and (max-width: 815px) and (min-width:791px) {
		.smallwrapper {
			width: 90%;
			margin: 0 auto
		}

		.wrapper {
			width: 97%;
			margin: 0 auto
		}


		.slider-quote {
			font-size: 15px;
		}

		.slider-quote span {
			font-size: 20px;
		}

		.header {
			border-bottom: 1px solid #eec615;
			box-shadow: 0 2px 4px #adadad
		}

		.topbar {
			background: #f7cd14;
			display: block;
			width: 100%;
			padding: 0;
			font-size: 14px;
			color: #fff;
		}

		.show-menu-for-mobile {
			display: block;
		}

		.show-logo-for-mobile {
			display: block;
		}

		.hide-for-mobile {
			display: none;
		}

		#navicon {
			font-size: 2em;
			text-decoration: none;
			position: relative;
			z-index: 99999999999999999;
			margin: 0 0 0 5px;
			color: #fff;
		}

		#topnav {
			display: none;
		}

	}
	

	@media screen and (max-width: 790px) and (min-width:501px) {
		h1 span {
			display: block
		}

		.smallwrapper {
			width: 90%;
			margin: 0 auto
		}

		.wrapper {
			width: 97%;
			margin: 0 auto
		}

		.header {
			border-bottom: 1px solid #eec615;
			box-shadow: 0 2px 4px #adadad
		}

		.topbar {
			background: #f7cd14;
			display: block;
			width: 100%;
			padding: 0;
			font-size: 14px;
			color: #fff;
		}

		.show-menu-for-mobile {
			display: block;
		}

		.show-logo-for-mobile {
			display: block;
		}

		.hide-for-mobile {
			display: none;
		}

		#navicon {
			font-size: 2em;
			text-decoration: none;
			position: relative;
			z-index: 99999999999999999;
			margin: 0 0 0 5px;
			color: #fff;
		}

		#topnav {
			display: none;
		}

		.slider-quote {
			font-size: 14px;
		}

		.slider-quote span {
			font-size: 17px;
		}

		.container {
			padding: 40px 0;
		}

		#logostuff {
			padding: 0;
			float: none;
			margin: 0 auto;
			text-align: center;
			display: block
		}

		.tubevideo {
			width: 80%;
			margin: 0 auto;
		}

		#welcome {
			width: 100%;
			padding: 0
		}

		.left {
			float: none
		}

		.quicklinks {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		#hide {
			display: none
		}

		#facebook {
			display: block;
			margin: 20px auto 0 auto;
			text-align: center
		}

		.smalllogo {
			width: 100%;
			margin: 1em auto 0 auto;
			text-align: center;
		}

		.twothird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onethird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onefifth {
			width: 50%;
			margin: 0 auto;
			text-align: center;
			float: left
		}

		.onefifthmiddle {
			width: 100%;
			margin: 20px auto;
			text-align: center;
			float: left
		}

		.google-maps {
			padding-bottom: 40%;
		}
	}
	
	@media screen and (max-width: 506px) {
		.service-images img.image-2 {
			width: 100%
		}
	}

	@media screen and (max-width:500px) and (min-width:351px) {
		h1 {
			font-size: 28px;
		}

		h1 span {
			font-size: 20px;
			display: block
		}

		.smallwrapper {
			width: 90%;
			margin: 0 auto
		}

		.wrapper {
			width: 97%;
			margin: 0 auto
		}

		.header {
			border-bottom: 1px solid #eec615;
			box-shadow: 0 2px 4px #adadad
		}

		.topbar {
			background: #f7cd14;
			display: block;
			width: 100%;
			padding: 0;
			font-size: 14px;
			color: #fff;
		}

		.show-menu-for-mobile {
			display: block;
		}

		.show-logo-for-mobile {
			display: block;
		}

		.hide-for-mobile {
			display: none;
		}

		#navicon {
			font-size: 2em;
			text-decoration: none;
			position: relative;
			z-index: 99999999999999999;
			margin: 0 0 0 5px;
			color: #fff;
		}

		#topnav {
			display: none;
		}

		.slider-quote {
			display: none
		}

		.slider-quote span {
			display: none
		}

		.container {
			padding: 40px 0;
		}

		#logostuff {
			padding: 0;
			float: none;
			margin: 0 auto;
			text-align: center;
			display: block
		}

		.tubevideo {
			width: 80%;
			margin: 0 auto;
		}

		#welcome {
			width: 100%;
			margin: 1.5em auto 0 auto;
		}

		.left {
			float: none
		}

		.quicklinks {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		#hide {
			display: none
		}

		#facebook {
			display: block;
			margin: 20px auto 0 auto;
			text-align: center
		}

		.smalllogo {
			width: 100%;
			margin: 1em auto 0 auto;
			text-align: center;
		}

		.twothird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onethird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onefifth {
			display: none
		}

		.onefifthmiddle {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		form.search label {
			float: none;
			text-align: center
		}

		form.search input.text {
			width: 80%
		}

		.google-maps {
			padding-bottom: 70%;
		}
	}



	@media screen and (max-width: 460px) {
		#career th {
			display: none
		}

		#career td {
			padding: .5em 0;
			border: 1px solid #DDD;
			min-width: auto;
			width: 100%;
			display: block;
			text-align: center
		}
	}

	@media screen and (max-width: 350px) {
		h1 {
			font-size: 19px;
		}

		h1 span {
			font-size: 17px;
			display: block
		}

		#topnav {
			display: none;
		}

		.show-menu-for-mobile {
			display: block;
		}

		.show-logo-for-mobile {
			display: block;
		}

		.hide-for-mobile {
			display: none;
		}

		#navicon {
			font-size: 2em;
			text-decoration: none;
			position: relative;
			z-index: 99999999999999999;
			margin: 0 0 0 5px;
			color: #fff;
		}

		.smallwrapper {
			width: 90%;
			margin: 0 auto
		}

		.wrapper {
			width: 97%;
			margin: 0 auto
		}

		.header {
			border-bottom: 1px solid #eec615;
			box-shadow: 0 2px 4px #adadad
		}

		.show-logo-for-mobile {
			display: block;
		}

		.show-menu-for-mobile {
			display: block;
		}

		.hide-for-mobile {
			display: none;
		}

		.navfull {
			min-width: 0;
		}

		.container {
			padding: 20px 0;
		}

		.slider-quote {
			display: none
		}

		.slider-quote span {
			display: none
		}

		#logostuff {
			padding: 0;
			float: none;
			margin: 0 auto;
			text-align: center;
			display: block
		}

		.locations-table {
			font-size: 12px;
		}

		#welcome {
			width: 100%;
			margin: 1.5em auto 0 auto;
		}

		.tubevideo {
			display: none
		}

		.left {
			float: none
		}

		.quicklinks {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		#hide {
			display: none
		}

		#facebook {
			display: block;
			margin: 20px auto 0 auto;
			text-align: center
		}

		.smalllogo {
			width: 100%;
			margin: 1em auto 0 auto;
			text-align: center;
		}

		form.search {
			display: none
		}

		.twothird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onethird {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.onefifth {
			display: none
		}

		.onefifthmiddle {
			width: 100%;
			margin: 0 auto;
			text-align: center;
		}

		.google-maps {
			padding-bottom: 100%;
		}
	}

	/*---POP-UP -----------------------------------*/

	*,
	*:after,
	*:before {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.box {
		width: 50%;
		margin: 0 auto;
		background: rgba(0, 0, 0, 0.2);
		padding: 35px;
		border-radius: 20px/50px;
		background-clip: padding-box;
		text-align: center;
	}

	.popup .close {
		position: absolute;
		top: 10px;
		right: 15px;
		transition: all 0.2s;
		font-size: 30px;
		font-weight: bold;
		text-decoration: none;
		color: #fff;
		/* border: 1px solid #fff; */
		padding: 0 5px 5px 5px;
	}

	.fleximgs {
		flex-direction: column;
	}

	.fleximgs img {
		width: 100%;
	}

	.popup .close:hover {
		background: #000;
	}

	.popup .content {
		max-height: 60%;
		overflow: auto;
	}

	/*Let's make it appear when the page loads*/
	.overlay:target:before {
		display: none;
	}

	.overlay:before {
		content: "";
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		background: rgba(0, 0, 0, 0.7);
		position: fixed;
		z-index: 99999;
	}

	.overlay .popup {
		/* background: #f69f00; */
		background: #fff;
	background-image: url(/siteart/popups1.jpg);
    border: 3px solid #000;
    
    width: 100%;
    max-width: 1000px;
    position: absolute;
    top: 10vw;
    left: 0;
    right: 0;
    float: none;
    padding: 10%;
    margin: 0 auto;
    text-align: left;
    z-index: 99999999;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    color: #000;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    letter-spacing: .25px;
    line-height: 1.25;
	background-repeat: no-repeat;
    background-size: cover;
	}

	.overlay:target .popup {
		top: -180%;
		left: -100%;
	}
	/*---contrnol-close-buttons----*/

#popup1 a{
	color: #000!important;
	background-color: #fff;
}
#popup1 a:hover{
	color: #fff!important;
	background-color: #000;
}