﻿/*
Site Developed By Karoline Dassie
	Main colors:
	- black #000
	- light gray #c9c9c9
	- gray #525254
	- blue #315cca
 */


/*=====================
Fonts
=======================*/
@import 'https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,900';
@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css';

/* Generated by Font Squirrel (https://www.fontsquirrel.com) on February 15, 2017 */
@font-face {
    font-family: 'liberation_serifbold';
    src: url('../fonts/liberationserif-bold-webfont.woff2') format('woff2'),
        url('../fonts/liberationserif-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/*=====================
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;
}

* {
    box-sizing: border-box
}

a,
img {
    border: none;
    outline: none
}

ol,
ul {
    list-style: none;
}


/* =====================

Typography

=====================*/
h1.main-head,.phone-head {
   font-family: source-sans-pro, sans-serif !important;
    color: #032968;
    font-size: 34px;
    font-weight: 900;
    letter-spacing: -1px;
    margin-right: 10px;
    text-transform: uppercase
}
.phone-head {font-size: 28px !important;}
h2.header-h2 {font-family: source-sans-pro, sans-serif !important;}

h1.header-h2 {font-family: source-sans-pro, sans-serif !important;}

h1.header-h2,h2.header-h2  {
    color: #fff !important;
    font-size: 40px;
    font-weight: 900;
    text-align: center;
    padding: 20px 0;
    background: #032968 repeat !important;
}

.welcome-banner {font-weight: 500 !important;text-transform: uppercase !important;}
h3 {
    color: #525254 !important;
    font-size: 25px;
    font-weight: 900;
    line-height: 1.3em !important;
    margin-bottom: 15px !important;
}

h4 {
    color: #000;
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase
}

h4 span {
    color: #9a9a9a;
    font-size: 16px;
    font-style: italic
}

.quintoquinto h4 {
    margin: 0 0 10px 0;
}

h5 {
    color: #315cca;
    margin: 0.5em auto;
    font-size: 20px
}

h6 {
    color: #000;
    font-size: 16px;
    margin: 0 0 15px 0;
    font-weight: 900;
    text-transform: uppercase
}

h6 span {
    color: #fff;
}

p {
    font-size: 18px;
    line-height: 1.5em;
    margin: 0 auto;
    color: #000;
    font-weight: 400
}

a {
    text-decoration: none;
    color: #032968
}

a:hover {
    font-weight: 900;
    color: #c9c9c9
}

strong {
    font-weight: 900
}

b {
    font-weight: 600
}

.red {
    color: rgba(225, 0, 3, 1.00)
}

.redbig {
    color: rgba(225, 0, 3, 1.00);
    font-size: 25px;
    font-weight: 900
}

.banner{
	background-color: #032968 !important;
	padding: 15px 40px;
	text-align: center;
}

.ten-years img{
	max-width: 50%;
	padding-top: 20px;

}



.nivo-slice {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}


/* =====================

FEATURED MESSAGE

=====================*/

#feat-msg {
    background: url("../siteart/festive2.png") no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 2em 6em;
    text-align: center
}

#feat-msg h5 {
    color: red !important
}

#feat-msg h3 {
    color: #006718 !important;
    font-size: 20px;
    font-weight: bold
}

/* =====================

Attention

=====================*/
#attention {
    background: #032968;
    margin: 0 auto;
    padding: 10px 0
}

#attention h4 {
    color: #fff !important;
    margin: 0;
    text-align: center;
    font-size: 24px
}

#attention p {
    color: #fff !important;
    margin: 0;
    text-align: center;
}

.attent {
    background: #f1f1f1;
    padding: 1em;
    margin: 0 auto;
    border: 1px solid #032968;
    text-align: left
}

.baixar {
    margin: 0 auto 3em auto !important;
}

/**---- SCROLLING NEW FACILITY IMAGES -----------------------------*/
.slider {
  margin: 40px auto 0;
  text-align: center;
  width: 90%;
}
.about-slider img {
  margin: 0 5px;
}

.slider-quote h1 {font-size: 40px;font-weight: 400;}
/*---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: #fff;
    border: 1px solid #032968;
    background: #032968;
    padding: 0 10px;
}
.popup .close:hover {
  background: #000; color: #fff;}
.popup .content {
  max-height: 60%;
  overflow: auto;
}

.popup h1 {
	margin-bottom: 20px;
}
.popup a {
    padding: 10px 30px;
    background: #032968;
    border: none;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
	font-size: 20px;
}

/*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: rgba(238,238,238,0.80);
    color: #000;
    font-size: 16px;
    font-weight: 300;
    border: 2px solid #fff;
    border-radius: 5px;
    width: 95%;
    max-width: 800px;
    position: absolute;
	top: 10%;
	left: 0;
	right: 0;
	float:none;
	padding: 2% 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: -300%;
    left: -100%;
}

.popup .wrapper-inner{width:75%; padding: 20px 0; margin: 0 auto; text-align: center!important}

.flex-form {
    display: flex;
    flex-wrap: wrap;    gap: 10px;
}
div#flex-row {
    flex-basis: 100%;
    display: flex;
    justify-content: space-between;    gap: 10px;
}
#flex-row input {
    flex: 1;
    width: 100%;
    margin: 0 !important;
}
div#comment-textarea,.verifyform,.form-title {flex-basis: 100%;}
.form-title h2 {
    font-size: 20px;
    margin-top: 15px;
}
/* ===========================================================
10. Inventory Styles


body .full .has-quote-forms #listing-top-information,
body .full .has-quote-forms #listing-bottom-information {
    width: 100% !important
}

.list-content .listing-portion-title,
.modal-bg .modal-top h2,
.modal-container .modal-top h2 {
    background: none !important;
    color: #ff0f17 !important;
    font-family: Arial, sans-serif !important;
    border-bottom: none !important;
}

.contact-info-heading h2 {
    background: none !important;
    color: #ff0f17 !important;
    font-family: Arial, sans-serif !important;
    border-bottom: none !important;
    text-align: left;
    padding: 0;
    font-size: 18px;
    margin: 10px 0;
    text-transform: uppercase;
}

.list-content .list-top-section .sticky-top-menu {
    z-index: 5 !important;
}

.list-content .list-top-section .sticky-top-menu .listing-option-bar-content {
    max-width: 80% !important;
}

.faceted-search-field {
    overflow-x: hidden;
}

.list-content .listing-portion-title {
    font-size: 17px !important;
}

.list-content .list-title {
    padding: 15px 0;
    font-size: 1em;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex !important;b
    justify-content: flex-start !important;
    align-items: flex-start !important;
    flex-direction: column !important;
    border-bottom: none;
}

.list-content .list-title .list-listings-count {
    line-height: 27px;
    margin-left: 3px !important;
    color: #777 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
}

.list-content {
    margin: 0 auto;
    max-width: initial !important;
}

.detail-additional-data h3 {
    font-size: 18px;
}

.faceted-search-content .faceted-section-box {
    padding: 15px 2%;
    border-bottom: 1px solid #ddd;
    background: #fff !important;
}

.list-container,
.selected-facets-container,
.detail-content,
.list-content .list-main-section {
    border: none !important;
}

.list-content input[type="button"],
.list-content input[type="color"],
.list-content input[type="date"],
.list-content input[type="datetime"],
.list-content input[type="datetime-local"],
.list-content input[type="email"],
.list-content input[type="file"],
.list-content input[type="month"],
.list-content input[type="number"],
.list-content input[type="password"],
.list-content input[type="reset"],
.list-content input[type="search"],
.list-content input[type="submit"],
.list-content input[type="tel"],
.list-content input[type="text"],
.list-content input[type="time"],
.list-content input[type="url"],
.list-content input[type="week"],
.list-content select,
.list-content textarea,
.modal-form-el label+input,
.modal-form-el label+select {
    height: 30px;
    line-height: 30px;
}

.faceted-search-content .faceted-section-box .faceted-option-checkbox-container .option-name {
    margin: 5px 0 0 5px;
}

.quick-search input[type="text"] {
    padding: 12px !important;
}

.search-mobile input[type="text"] {
    padding: 15px !important;
}

.faceted-search-content .selected-facets-container .selected-facet,
.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link,
.faceted-search-content .faceted-section-box .faceted-view-more-btn,
.detail-content .detail-main-body .main-detail-data .offer-btn,
.detail-content .detail-main-body .main-detail-data .buy-btn,
.list-content .list-listing-mobile .view-listing-details-link,
.list-content .list-listing-mobile .buy-now-link,
.list-content .list-listing-mobile .check-availability-link,
.list-content .list-listing-mobile .email-seller-link,
.faceted-search-content .mobile-done-button-container .mobile-done-button,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile,
.detail-content-mobile .detail-contact-bar .contact-bar-btn,
.list-container-flexrow .view-listing-details-link,
.paging-container .page-navs .list-page-nav,
.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile,
.faceted-show-all-btn {
    background: #022153 !important;
    border: none;
    color: #fff !important;
}

.detail-content-mobile .detail-additional-data .data-row .data-label,
.detail-content .detail-additional-data .data-row .data-label {
    background: #022153 !important;
    color: #fff !important;
    font-weight: 700;
}

.detail-content .detail-additional-data .data-row .data-value {
    background: none;
    font-weight: 400;
    border-bottom: 1px #eee solid;
}

.detail-content .detail-additional-data .data-row {
    margin-bottom: 0;
}

.detail-content .detail-additional-data h4 {
    margin: 25px 0 5px;
    color: #666 !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .check-availability-link:hover,
.list-content .list-main-section .list-container .list-listing .listing-top-right .email-seller-link:hover,
.faceted-search-content .faceted-section-box .faceted-view-more-btn:hover,
.detail-content .detail-main-body .main-detail-data .offer-btn:hover,
.detail-content .detail-main-body .main-detail-data .buy-btn:hover,
.list-content .list-listing-mobile .view-listing-details-link:hover,
.list-content .list-listing-mobile .buy-now-link:hover,
.list-content .list-listing-mobile .check-availability-link:hover,
.list-content .list-listing-mobile .email-seller-link:hover,
.faceted-search-content .mobile-done-button-container .mobile-done-button:hover,
.detail-content-mobile .detail-main-body .main-detail-data .fin-calc-btn-mobile:hover,
.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile:hover,
.list-container-flexrow .view-listing-details-link:hover {
    background: #0a264a !important;
    color: #fff !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price,
.list-content .list-title .list-listings-count,
.detail-content .detail-main-body .main-detail-data .detail-price,
.detail-content .search-results,
.list-content .list-listing-mobile .price-container .price,
.list-content .list-top-section .listing-option-bar .list-listings-count,
.detail-content-mobile .detail-main-body .main-detail-data .detail-price,
.info {
    color: #666;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text,
.detail-content-mobile .detail-main-body .main-detail-data .opened {
    color: #022153 !important;
    border: 1px #022153 solid !important;
}

.modal-content .modal-top .modal-title {
    font-size: 1.3rem !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .buy-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .offer-btn-mobile {
    position: relative;
    height: 43px;
    width: 100%;
    box-sizing: border-box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.125rem;
    font-weight: 200;
    font-family: Arial, sans-serif;
    justify-content: flex-start;
    border: 0 !important;
    cursor: pointer;
    padding-left: 8px;
    border-radius: 5px;
    backface-visibility: hidden;
}

.detail-content-mobile .detail-main-body .main-detail-data .send-email-btn-mobile,
.detail-content-mobile .detail-main-body .main-detail-data .send-wholesale-email-btn-mobile {
    border: 0 !important;
    color: #fff;
    margin-bottom: 20px;
}

.detail-content-mobile .detail-additional-data .data-row .data-value {
    background-color: #ddd !important;
}

.detail-group-data h2 {
    font-size: 22px !important;
}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile {
    margin-right: 0 !important;
}

.detail-content .detail-additional-data .data-row .data-value {
    font-weight: 400 !important;
    background-color: #ededed !important;
}

.detail-content-mobile .detail-main-body .fin-stacked {
    background: #fff !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn:hover {
    color: #022153;
    border: 1px #022153 solid;
}

.detail-btn-calc p {
    margin-bottom: 0;
}

.list-content .list-title {
    display: block;
    margin: 0;
}

.list-content .list-title .list-title-text {
    display: block;
    width: 100%;
}



.inventory input[type="submit"]:hover,
.inventory button[type="submit"]:hover,
.btn:hover,
.button:hover {
    background: #0a264a !important;
}

.list-content .list-main-section .list-container .list-listing {
    background: #efefef;
    padding: 15px !important;
    border-radius: 5px;
}

.list-container-flexrow .price-container .price {
    margin-left: 0;
    color: #666;
}

.list-content .list-main-section .list-container .list-listing {
    border: 1px solid #ccc;
    background-color: #fff !important;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.29);
}

.list-container-flexrow .listing-card .listing-widgets a {
    margin-bottom: 6px;
}

body .noUi-connect {
    background: #dddddd;
}

.noUi-handle {
    border: none;
    border-radius: 3px;
    background: #fff;
    cursor: default;
    box-shadow: none;
}

.list-content .list-main-section .list-container .list-listing {
    border: none !important;
}

.faceted-section-head i {
    color: #022153 !important;
}

.faceted-search-content .selected-facets-container .selected-facet {
    padding: 5px 10px;
    font-size: 11px;
    font-weight: 400;
    color: #fff;
    background: #241e20;
    display: inline-block;
    margin: 10px 0 0 10px;
    cursor: pointer;
    border-radius: 5px;
}

.contact-info-heading h2 {
    font-size: 26px !important;
    line-height: 39px !important;
    font-weight: 300 !important;
    margin-bottom: 25px;
    letter-spacing: -1.5px;
}

.grouped-faceted-header {
    background: #ededed !important;
    color: #6e6e6e !important;
}

.faceted-section-box input[type="submit"],
.faceted-section-box button[type="submit"] {
    line-height: 30px;
    height: 30px;
    font-size: 14px;
    padding: 0 6px !important;
    display: inline-block;
    border: none !important;
    color: #fff;
    background: #241e20;
    border-radius: 0 !important;
    cursor: pointer;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    border-radius: 3px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -moz-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
}

.faceted-search-content .faceted-section-box .faceted-text-input::placeholder {
    font-weight: 400;
    font-size: 12px;
}

.detail-content {
    margin: 0 auto;
    max-width: 1124px;
    padding: 25px !important;
}

.legal-text-container p {
    font-size: 14px !important;
    line-height: 18px !important;
}

.faceted-search-content .selected-facets-container {
    padding: 10px;
    border-bottom: 1px solid #ddd;
}

.listing-widgets a {
    background-color: #dddbdb !important;
    border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -ms-border-radius: 0 !important;
    -o-border-radius: 0 !important;
    transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
}

.listing-widgets a:hover {
    background-color: #cccccc !important;
}

.detail-content .dealer-info h3 {
    font-size: 1rem !important;
    font-weight: bold;
    font-family: Arial, sans-serif;
    margin-top: 20px;
}

.detail-content .detail-main-body .main-detail-data {
    border-radius: 0 !important;
}

.detail-content .detail-main-body .detail-body-data {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    background: #fff;
    padding-bottom: 20px;
    margin-bottom: 40px;
}

.detail-content .dealer-info .phone-and-email {
    float: right;
    width: 37%;
    margin-right: 20px;
}

.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call .dealer-phone,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text .dealer-phone {
    color: #fff !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text,
.detail-content-mobile .detail-main-body .main-detail-data .opened {
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 300 !important;
    border: 0 !important;
    background: #022153 !important;
}

.detail-content .dealer-info .phone-and-email .send-email-btn:hover,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-call:hover,
.list-content .list-listing-mobile .dealer-phone-container .dealer-phone-text:hover,
.detail-content-mobile .detail-main-body .main-detail-data .opened:hover {
    background: #0a264a !important;
    color: #fff !important;
}

.fa-facebook-f:before {
    content: "\f39e" !important;
}

.mc-thumbs {
    z-index: 1;
}

.detail-content-mobile .detail-main-body .detail-img-carousel .mc-btn {
    z-index: 2 !important;
}

footer a[href^="tel:"] {
    color: #fff !important;
    box-sizing: border-box;
}

.list-container-flexrow .buy-now-link,
.list-container-flexrow .contact-options a,
.list-container-flexrow .dealer-phone-call,
.list-container-flexrow .dealer-phone-text {
    background-color: #333;
    color: #fff !important;
}

.list-content .list-main-section .list-container .list-listing .listing-top-right .view-listing-details-link,
.list-content .list-main-section .list-container .list-listing .listing-top-right .buy-now-link {
    min-width: 100% !important;
    width: 100% !important;
}


=========================================================== 
New Inventory Styles
*/
#inv{padding: 3% 0;}

.listing-top-right a, .lower-detail-data-left button, .send-email-btn, .media-buttons a, .media-buttons button, .faceted-search, .listing-dealer-info a, .view-listing-details-link, .main-detail-data .contact-options a, .fin-calc-btn-mobile, .selected-facet, .page-nav, .apply-button, .back-button, .calculator-btn, .mobile-done-button {
    -moz-border-radius: 3px !important;
    -o-border-radius: 3px !important;
    -webkit-border-radius: 3px !important;
    border-radius: 3px !important;
}


.faceted-search-content .faceted-section-box .faceted-option-checkbox-container label input {margin: 2px 3px 3px 4px;}
.faceted-text-input-searchType .search-type input[type=checkbox], .faceted-text-input-searchType .search-type  input[type=radio] {margin: 0px 3px 0px 6px;}


.bread-crumbs-heading .return-links .return-links-link span, #no-compare-listings, .bread-crumbs-heading .return-links .return-links-link i {color:#ee3124 !important;}


.hosted-content .attachment-search .search-checkboxes label .row {margin-left:0 !important;margin-right:0 !important;margin-bottom:0px !important;}

.view-listing-details-link, .selected-facet, .view-listing-details-link, .buy-now-link, .check-availability-link, .email-seller-link, .offer-btn, .buy-btn, .dealer-phone-mobile, .offer-btn-mobile, .send-email-btn-mobile, .send-wholesale-email-btn-mobile, .fin-calc-btn-mobile, .mobile-breadcrumb, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button, .dealer-btns-bottom a {background:#000 !important;}

.selected-facet, .dealer-phone-mobile, .offer-btn, .offer-btn-mobile, .fin-calc-btn-mobile, .send-wholesale-email-btn-mobile, .send-email-btn-mobile, .buy-now-link, .view-listing-details-link, .main-detail-data .contact-options a, button.g-recaptcha.button, .page-nav, .apply-button, .mobile-done-button{border: solid 1px #000 !important; transition: ease all 0.2s !important;}

.selected-facet:hover, .dealer-phone-mobile:hover, .offer-btn:hover, .offer-btn-mobile:hover, .fin-calc-btn-mobile:hover, .send-wholesale-email-btn-mobile:hover, .send-email-btn-mobile:hover, .buy-now-link:hover, .view-listing-details-link:hover, .main-detail-data .contact-options a:hover, button.g-recaptcha.button:hover, .page-nav:hover, .apply-button:hover, .mobile-done-button:hover, .dealer-btns-bottom a:hover {background: #525254 !important; color: #fff !important;border-color:#525254 !important;}

.list-content .list-title .list-listings-count, .list-content .list-main-section .list-container .list-listing .listing-top .listing-top-left .listing-main-stats .price, #parts-content .parts-top-section .parts-title-and-breadcrumbs .parts-title .parts-listings-count, #inv .error-message, #inv .info, .detail-content .detail-main-body .main-detail-data .detail-price, .detail-content .search-results, .list-content .list-top-section .listing-option-bar .list-listings-count, .detail-price, .compare-price, .compare-title {color: #000 !important;}
 
/* heading */
.list-content .list-title .list-title-text, .detail-content-mobile .detail-main-body .detail-mobile-top .detail-title, .main-detail-data .detail-title, .parts-title-text {
	padding-left: 4px; 
}


.detail-content .dealer-info .phone-and-email .send-email-btn, .list-content .list-listing-mobile .dealer-phone-container a, .back-button {border-color: #000!important; color: #000!important;}

.material-icons, .collapsible-content a {color:#fff!important;}

#parts-content .parts-bottom-section .parts-list-view .parts-list-content .parts-listing-container .parts-listing-column .parts-button.view-details {background-color: #000!important;}

.detail-content-mobile .detail-main-body .main-detail-data .dealer-phone-mobile-container .dealer-phone-mobile{margin-right:0!important;}

.detail-content .detail-main-body .main-detail-data .details-fin-calc .detail-btn-calc{height: 48px !important; box-sizing: border-box;}


/* Modal / Mobile buttons / Mobile Data Rows */
.button,
.contact-options a,
.fin-calc-mobile>a,
.detail-content-mobile .detail-additional-data .data-row .data-label {
    background-color: #022153 !important;
    color: #fff !important;
}

.button:hover,
.contact-options a:hover,
.fin-calc-mobile>a:hover {
    background-color: #0a264a !important;
    color: #fff !important;
}

.contact-options a {
    background: #022153 !important;
    background-color: #022153 !important;
    color: #fff !important;
}

.list-content .listing-portion-title {
    font-size: 18px !important;
}

/* =====================

Main Styles

=====================*/
h1,h2,h3,h4,h5,h6{font-family: source-sans-pro, sans-serif !important;}
body {
    margin: 0;
    padding: 0;
    font-family: source-sans-pro, 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;
}

.white {
    background: #fff;
}

.wrapper {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

.wrapperinv {
    max-width: 1020px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}

.tenyear-wrapper {
	display: flex;
	align-items: center;
	gap: 20px;
	flex-wrap: wrap;
	justify-content: center;
	padding: 20px;
}


.smallwrapper {
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
    overflow-x: hidden;
}
.tenyear-image img {
	max-width: 95%;
	height: auto;
	display: block;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.tenyear-text {
	flex: 1;
	max-width: 43%;
	margin: 30px;
}

.tenyear-text p {
	margin: 0 0 10px 0;
	font-size: 1rem;
	line-height: 1.5;
}

.tenyear-text h4 {
	margin: 0;
}

.tenyear-clear {
	display: none;
}

.container {
    padding: 1em 0;
}

.content {
    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%;
}

img.respimg {
    max-width: 100%;
    width: 100%
}

/* =====================

Inventory Styles

=====================*/
.listings-wrapper .listing-boxed .listing-boxed-details h2 a {
    color: #fff;
}

/* =====================

Slideshow

=====================*/
.serviceright .slider-container {
    position: relative;
    padding-top: 0 !important;
    height: 0;
}

.slider-container {
    position: relative;
    padding-top: 41.8%;
    height: 0;
}

.slider-quote {
    position: absolute;
    width: 100%;
    max-width: 580px;
    text-shadow: 0px 2px 4px rgb(0, 0, 0);
    z-index: 1000;
    text-align: left;
    color: #fff;
    font-size: 40px;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.36);
    padding: 20px;
    margin: 1em 0 0 1em;
    text-transform: uppercase;
}

.slider-quote span {
    font-size: 40px;
    font-weight: 900;
    text-shadow: 0px 2px 4px rgb(0, 0, 0);
}

.serviceright {
    float: right;
    width: 50%;
}

.serviceleft {
    float: left;
    width: 48%;
    margin-right: 2%
}


/*--- TEXT US---*/
.text-us-wrap {
	    bottom: 0;
    right: 15px;
    position: fixed;
    z-index: 9999;box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
}

a.text-us {
    background: #032968;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 15px 40px;
    color: #fff !important;
    cursor: pointer;
    box-sizing: border-box;
	width: 300px;
    display: inline-block;
	transition: .3s all;
	text-align: center;
	color: #fff;    font-family: source-sans-pro, sans-serif;
}

a.text-us:hover {
	letter-spacing: 1px;
	font-weight: normal;
}
/* =====================

Header

=====================*/

.header {
    background: #fff;
    padding: 1em;
	padding-bottom: 0;
    overflow-x: hidden;
    -webkit-box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.54);
    box-shadow: inset 0px -1px 4px 0px rgba(0, 0, 0, 0.54);
}

#logo {
    float: left;
    width: 340px;
    max-width: 100%;
}
#logo {
	max-width: 100%;
}
#topnav {
    display: block;
    float: right;
    text-align: right;
}

#topnav .phone-head {
    display: inline;
    float: right
}

#topnav .fa {
    color: #315cca;
    font-size: 30px;
    display: inline;
}

#facebook {
    border-left: #000 2px solid;
    padding: 0 10px 0 20px
}

#google_translate_element {
    float: right;
    margin: 1% 3% 0 0;
}

#google_translate_element a:hover {
    font-weight: normal
}

.goog-te-gadget img {
    display: inline !important
}




/* =====================

Navigation section starts

=====================*/

.show-menu-for-mobile {
    display: none;
}

.show-logo-for-mobile {
    display: none;
}

.topbar {
    background: #022153;
    width: 100%;
    padding: 0;
    font-size: 14px;
    color: #fff;
}

.navfull {
    text-align: right;
    width: 100%;
}

.navsmall {
    width: 100%;
    margin: 1em auto 0 auto;
}

.navsmall ul li a {
    color: #000;
    text-align: center;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 16px;
	line-height: 5;
    font-family: source-sans-pro, sans-serif;
    display: block;
    text-transform: uppercase;
    font-weight: 900;
    transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease
}

.navsmall ul li a .fa {
    color: #000 !important;
    text-align: center;
    padding: 0 0 0 15px;
    text-decoration: none;
    font-size: 20px !important;
    display: block;
    text-transform: uppercase;
}

.navsmall ul li a:hover {
    color: #c9c9c9
}

.navsmall ul {
    list-style-type: none;
    margin: 0;box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

.navsmall li {
    display: block;
    float: right;
}

/*  SUB NAV
	------------------------------------------------*/
.navsmall ul ul li a {
    line-height: 2;
    width: 200px;
    border-right: none;
    border-left: none;
    background: #fff;
    color: #000;
    text-align: left;
    padding: 10px;
    text-decoration: none;
    font-size: 15px;
    display: block;
    border-bottom: #fff 1px solid;
    transition: background-color 200ms ease, background-color 200ms ease, all 200ms ease;
}

.navsmall ul ul li a:hover {
    background: #f8f8f8;
    color: #032968;
}

/*  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;
}


/* =====================

Main section

=====================*/
.main {
    border-top: 15px solid #000;
    background: #fff;
}

a#button {
    color: #fff;
    background: #000;
    padding: 10px 0;
    margin: 0 auto;
    display: block;
    font-size: 18px;
    width: 100%;
    font-weight: 900;
    text-transform: uppercase;
    text-align: center;
    transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease;
}

a#button:hover {
    background: #315cca;
    color: #c9c9c9
}

.onefifth i {
    font-size: 90px;
    text-align: center;
    color: #202020;
    margin: 0.5em auto 0 auto
}

#border-it {
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9
}

.loc {
    border-top: 0;
    text-align: center;
    width: 29%;
}

.loc p {
    border: 2px solid #fff;
}

.loc-middle {
    border-top: 0;
    text-align: center;
    margin: 0 6%;
    width: 29%;
}

.loc-middle p {
    border: 2px solid #fff;
}

/* =====================

Service & Credit App

=====================*/

.credit {
    text-align: center
}

.serv {
    border-top: 0;
    text-align: center;
    width: 40%;
    margin: 0 5%;
}

.serv p {
    border: 2px solid #fff;
}

.serv-middle {
    border-top: 0;
    text-align: center;
    margin: 0 5%;
    width: 40%;
}

.serv-middle p {
    border: 2px solid #fff;
}


/* =====================

About &  Our Team

=====================*/

#aboutinfo {
    background: #fff;
    padding: 2% 5%;
    margin-bottom: 2%
}

#aboutinfo img {
    text-align: center;
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 500px;
    margin-bottom: 2%
}

#manutop {
    text-align: center;
    background: #fff;
    padding: 2%;
    border-bottom: 1px solid #c9c9c9
}

#manutop img {
    padding: 0 2em;
}

#manu {
    text-align: center;
    background: #fff;
    padding: 2%
}

#manu img {
    margin: 1.5em auto;
    display: block;
    max-width: 170px
}

.quintoquinto {
    width: 65%;
    float: left;
    margin: 0 0 4em 0
}

.umquinto {
    width: 35%;
    float: left;
}

img#teammember {
    width: 90%;
    max-width: 260px;
    display: block;
}

img.spotlight {
    width: 100%;
    max-width: 450px;
    margin: 2em auto 0 auto;
    display: block;
    box-shadow: 0 0 10px #5F5F5F;
}

#groupphoto img {
    max-width: 100%;
    width: 100%;
    margin: 0 auto 1em auto
}

.chamar {
    border: 10px solid #fff;
    -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.75);
    margin: 2px;
    margin-bottom: 0px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.chamar p {
    color: #032968;
    font-weight: 700;
    text-align: center;
    font-size: 28px;
    font-family: source-sans-pro, sans-serif;
    -webkit-box-shadow: inset 0px 0 5px 0px rgba(0, 0, 0, 0.54);
    -moz-box-shadow: inset 0px 0 5px 0px rgba(0, 0, 0, 0.54);
    box-shadow: inset 0px 0 5px 0px rgba(0, 0, 0, 0.54);
}


/* =====================

Scrolling Inventory

=====================*/

.scrolling-wrap {
    width: 100%;
    height: 89px;
    overflow: hidden;
    overflow-x: hidden;
}

.scrolling {
    width: 100%;
    height: 90px;
}

/* =====================

Google Map

=====================*/

.google-maps {
    float: right;
    position: relative;
    overflow: hidden;
    width: 100%;
    border: 0;
    margin-bottom: 1em;
    padding-bottom: 30%;
}

.google-maps iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    pointer-events: none;
}

/*==============================
	CONTACT PAGE - FORM & more
==============================*/
.column1 {
    width: 100%;
}

.column2 {
    width: 48%;
    *width: 48%;
    float: left;
    margin-right: 3%;
    box-sizing: border-box;
}

.column3 {
    width: 33.33333%;
    *width: 30%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
}

.column4 {
    width: 25%;
    *width: 25%;
    float: left;
    box-sizing: border-box;
}

.column5 {
    width: 20%;
    float: left;
    padding-right: 1%;
    box-sizing: border-box;
}

.column6 {
    width: 16.66666%;
    *width: 14%;
    float: left;
    padding-right: 20px;
    box-sizing: border-box;
    margin: 0 0 20px 0;
}

.twothird {
    width: 66%;
    float: left;
    padding-left: 30px;
    box-sizing: border-box;
}

.onethird {
    width: 33%;
    *width: 33%;
    float: left;
    box-sizing: border-box;
    text-align: right
}

.last {
    margin-right: 0
}

#comment-input {
    margin: 1% AUTO;
}

#author.input-name,
#lastname.input-name {
    border: 1px solid #d2d2d2;
    width: 33.3%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    padding: 8px 1%;
    float: left;
    margin-right: 1%;
}

#author.input-name,
#lastname.input-name {
    outline-color: #000;
}

#email.input-email {
    border: 1px solid #d2d2d2;
    width: 31.2%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    padding: 8px 1%;
    float: left;
}

#email.input-email:focus {
    outline-color: #000;
}

#inquiry.textarea-comment {
    border: 1px solid #d2d2d2;
    width: 100%;
    height: 100px;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    padding: 8px 1%;
}

#inquiry.textarea-comment {
    outline-color: #000;
}

#comment-submit {
    text-align: center;
    width: 235px;
    margin: 0 auto;
}


#form input {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #DFDFDF;
    margin: 5px 0 15px;
    box-sizing: border-box;
}


#form textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid #DFDFDF;
    margin: 5px 0 15px;
    height: 70px;
    box-sizing: border-box;
}

.CaptchaPanel {
    margin: 0 0 0 0 !important;
    padding: 0 0 0 0 !important;
}

.CaptchaAnswerPanel input {
    width: 200px !important;
    border: 1px solid #d2d2d2;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    padding: 8px 1%;
    margin: 10px auto;
}

.CaptchaAnswerPanel input:focus {
    outline-color: #000;
}

.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;
    font-size: 12px;
    line-height: 14px;
    color: #a7a9ac
}

.CaptchaAnswerPanel {
    margin: 0 0 0 0;
    padding: 2px 0px 2px 0px !important;
}

.CaptchaWhatsThisPanel {
    line-height: 0;
    margin: 0 0 0 0;
    padding: 8px 0 8px 0 !important;
}

.CaptchaWhatsThisPanel a {
    color: #a7a9ac;
}

.CaptchaWhatsThisPanel a:hover {
    text-decoration: none;
}

.contactbtn {
    margin: 10px auto 0 auto;
    text-align: center;
}

.contactbtn input[type="submit"] {
    font-size: 15px;
    font-weight: 900;
    padding: 8px 0;
    line-height: normal;
    background: #000;
    width: 220px;
    color: #fff;
    display: inline-block;
    border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    -webkit-border-radius: 0 !important;
    outline: none;
    border: none;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out;
    cursor: pointer;
    position: relative;
}

.contactbtn input[type="submit"]:hover {
    background: #a7a9ac;
    color: #fff;
    outline: none;
}

.info-box {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: 0px 1px 1px rgba(0, 0, 0, .05);
    -moz-box-shadow: 0px 1px 1px rgba(0, 0, 0, .05);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, .05);
    border: 1px solid #c5cace;
    margin: 1em auto 0 auto;
    padding: 2%;

}

.creditform strong,.creditform h3{    color: #315cca !important;
    margin-bottom: 5px !important;
    font-size: 18px;
    display: block;}

 .creditform h3{font-size: 20px;}

.creditform h2 {
    font-size: 24px;
    color: #032968;
    text-transform: uppercase;
    margin: 8px 0;
    display: inline-block;
    width: 100%;
}

#creditstyle.input-name,.radio-styles {
    border: 1px solid #d2d2d2;
    width: 48%;
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
    color: #747474;
    -webkit-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 5px rgba(0, 0, 0, 0.1);
    padding: 8px 1%;
    float: left;
    margin: 1%;
}

.creditform fieldset {width: 48%;
    float: left;
    margin: 1%;}

#creditstyle.input-name,.radio-styles {
    outline-color: #000;
}

#space {
    clear: both;
    padding: 2% 0
}

#formpage input.checkbox {
    padding: 0;
    border: 0;
    width: 13px;
    height: 13px;
    display: inline;
    background-color: #fff;
}

#creditstyle.input-check {
    border: 1px solid #d2d2d2;
    color: #747474;
    margin: 1%;
}

#creditstyle.input-name {
    outline-color: #000;
}

/* =====================

Footer section starts

=====================*/
.foot-title {color:#fff;font-size: 16px;letter-spacing: 1px;
    margin: 0 0 15px 0;
    font-weight: 900;
    text-transform: uppercase;}
.quicklinks {
    width: 25%;
    text-align: left;
    line-height: 2em;
    font-size: 14px;
    font-weight: 400;
}

.quicklinks p,
.quicklinks a {
    font-size: 14px;
    line-height: 1.7em;
    color: #fff;
    font-weight: 400;
    transition: background-color 300ms ease, background-color 300ms ease, all 300ms ease
}

.quicklinks .fa {
    padding-right: 10px;
}

.quicklinks a:hover {
   opacity: .5;
}

.quicklinks li {
    list-style: none;
    color: #c9c9c9;
}

.smalllogo {
    width: 14%;
    text-align: right;
    float: left;
    margin-top: 3em;
}

.smalllogo img {
    vertical-align: middle;
}

#bottom {
    background: #525254;
    padding: 2em 0;
}

.footer {
    background: #000;
    margin: 0 auto;
    padding: 1em 0;text-decoration: none;
    color: #ddd;
    font-size: 12px;text-align: center;
}

a.footerlink:link,
a.footerlink:visited,
a.footerlink:active {
    text-decoration: none;
    color: #ddd;
    font-size: 12px;
}

a.footerlink:hover {
    text-decoration: underline;
    font-size: 12px;
}

.footertext {
    font-size: 12px;
    color: #ddd;
}

.smallfootertext {
    font-size: 12px;
    color: #ddd;
}

.divfooter {
    max-width: 90%;
    text-align: center;
    margin: 0 auto;
    line-height: 16px;
    color: #ddd
}


/* =====================

CHAT

=====================*/

.chat-container {
    position: fixed;
    bottom: -580px;
    width: 305px;
    margin-left: auto;
    margin-right: 10px;
    left: 0;
    right: 0;
    background: #333;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border: 1px #ccc solid;
    border-bottom: none;
    -webkit-transition: all .5s ease;
    /* Safari and Chrome */
    -moz-transition: all .5s ease;
    /* Firefox */
    -ms-transition: all .5s ease;
    /* IE 9 */
    -o-transition: all .5s ease;
    /* Opera */
    transition: all .5s ease;
    z-index: 999999999999999999999999999999;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.5);
}

.chat {
    background: #315cca;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    padding: 13px 35px;

    color: #fff;
    cursor: pointer;
    box-sizing: border-box;
}

.chat-form {
    width: 302px;
    height: 577px;
    display: block;
    background: #000;
}

.chat-box {
    background: #000;
    color: #fff;
    padding: 10px 25px;
    box-sizing: border-box;
}

.chat-box input,
.chat-box textarea,
.chat-box select {
    padding: 5px;
    width: 100%;
    box-sizing: border-box;
    margin: 0 0 10px;
    background: #000;
    border: none;
    border-bottom: 1px #ccc solid;
    color: #fff;
}

.chat-box textarea {
    height: 90px;
}

.active-chat {
    bottom: 0;
}

.chat-box input.button,
.chat-boxinput.button:focus {
    display: block;
    height: auto;
    background: #315cca;
    border: none;
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #fff;
    padding: 12px 0;
    margin: 10px 0;
    cursor: pointer;
}

.chat-box input.button:hover {
    background: #344060;
    color: #fff;
}


a[href^="tel:"] {
    color: inherit;
    text-decoration: none;
}

	.mobile-v {
		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;
}



#showmobile {
    display: none
}

/* Responsive Styles **/
/** Responsive Styles **/
/** Responsive Styles **/
/** Responsive Styles **/



@media screen and (max-width: 1545px) {
	.navsmall ul li a {
		font-size: 16px;
	}
}

@media screen and (max-width: 1375px) {
	#logo {
		width: 300px;
	}
	.navsmall ul li a {
        font-size: 14px;
        padding: 0 0 0 10px;
    }
	
	}

@media screen and (max-width: 1160px) {
    
}


/* ADDED FOR MOBILE ADJUSTMENTS BY CUSTOMER REQUEST**/
@media screen and (max-width: 1240px) {
    .container {
        padding: 0
    }
a.text-us {
	background: #525254;}
    .smallwrapper {
        width: 90%;
        margin-bottom: 30px;
    }
	
	.tenyear-image a{background:transparent !important;}
	
	.tenyear-text {
		display:none;
	}
	
	.hide {
		display:none;
	}
	.tenyear-image img {
	max-width: 95%;
	height: auto;
	display: block;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}
	
	.slider-container {
		
	}

	.slider-quote {
        font-size: 30px;
        max-width: 90%;
		width: 50%;
		display:none;
    }
	
	.slider-quote h1 {
		font-size: 30px;
	}

    .slider-quote span {
        font-size: 30px;
    }
	
    .wrapper {
        width: 97%;
        margin: 0 auto
    }

    .wrapperinv {
        width: 90%;
        margin: 0 auto
    }

    .show-menu-for-mobile {
        display: block;
    }

    .show-logo-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }

    .navfull {
        display: none
    }

    #showmobile {
        display: block
    }

    #hide {
        display: none
    }

	
    .bottomfootmobile {
        text-align: center;
    }

    .bottomfootmobile a {
        display: block;
        border: 1px solid #fff;
        width: 70%;
        padding: 15px 0;
        margin: 10px auto;
        color: #fff;
        text-transform: uppercase
    }

    .bottomfootmobile a:hover {
        background: #c9c9c9;
        color: #022153
    }

    #bottommobile {
        background: #022153;
        padding: 30px 0
    }

    #bottommobile p {
        color: #fff
    }

    #bottommobile h6 {
        font-size: 26px;
        margin: 0 0 5px 0
    }

    #footermobile {
        background: #fff;
        padding: 30px 0 4em 0
    }

    .chat {
        background: #022153 !important;
        padding: 13px 0 !important
    }

    .chat-container {
        width: 70% !important;
        text-align: center;
        width: 100%;
        bottom: -555px;
        margin: 0 auto
    }

    .chat-form {
        width: 100%;
        height: 552px;
    }

    .chat-box input.button,
    .chat-boxinput.button:focus {
        -webkit-appearance: none;
        -webkit-border-radius: 0;
        border-radius: 0;
    }

    .active-chat {
        bottom: 0 !important;
    }

    .topbar {
        padding: 10px 0;
    }

    #navicon {
        font-size: 2em;
        text-decoration: none;
        position: relative;
        z-index: 99999;
        margin: 0;
        color: #fff;
        text-align: right;
        font-weight: 900;
        display: inline-block;
        float: right;
    }

    .header {
        padding: 10px 0;
        margin: 0 auto;
        text-align: center
    }

    #logo {
        padding: 0;
        float: none;
        margin: 0 auto;
        text-align: center;
        display: block;
        width: 350px;
		max-width: 100%;
    }

    #google_translate_element {
        display: none;
    }

    #topnav {
        display: none
    }

    .topbar .fa {
        display: inline-block;
        background: #fff;
        color: #022153;
        font-size: 25px;
        margin: 0 0 0 5px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        padding: 5px 10px;
    }

    .topbar .fa a {
        color: #022153 !important
    }

    .contenthomemobile {
        background: #fff;
        padding: 10px 0 0 0;
        text-align: center
    }

    .contenthomemobile img {
        max-width: 100%;
        margin: 10px auto 0 auto;
        display: block
    }

    .contenthomemobile a {
        display: block;
        width: 70%;
        padding: 15px 0;
        margin: 10px auto;
        color: #fff;
        font-size: 20px;
        background: #022153;
        text-transform: uppercase;
        text-align: center
    }

    .contenthomemobile a:hover {
        background: #c9c9c9;
        color: #022153
    }

    .contenthomemobile h1 {
        font-size: 29px;
        color: #022153;
		margin: 30px;
    }

    .main {
        border-top: none;
    }

    h2 {
        margin: 0 auto;
        border-bottom: #022153 1px solid;
        font-size: 29px !important;
        color: #022153 !important;
        background: #fff !important;
        text-transform: uppercase !important
    }

    .chamar p {
        font-size: 21px;
        padding: 5px;
        line-height: normal;
    }

    .subir {
        margin: 2em auto 0 auto !important
    }

    .baixar {
        margin: 0 auto 2em auto !important
    }
	
	.popup {
		top: 20%;
	}
}

@media screen and (max-width: 800px) {
    #creditstyle.input-name {
        width: 100%;
        float: none;
        margin: 1% auto;
    }

    #attention h4 {
        font-size: 20px
    }

    #attention p {
        font-size: 16px;
        line-height: 1.4em;
    }
	
	.ten-years img{
	max-width: 80%;
	padding-top: 19px;

}
	
	.ten-years {
		max-width: 50%;
	}

	.slider-quote {
        font-size: 19px;
        max-width: 90%;
		width: 50%;
    }
	
	.slider-quote h1 {
		font-size: 19px;
	}

    .slider-quote span {
        font-size: 19px;
    }

}

@media screen and (max-width: 736px) and (min-width:501px) {

    h3 {
        font-size: 20px;
    }

    .container {
        padding: 0
    }

    .smallwrapper {
        width: 90%;
        margin-bottom: 20px;
    }

    .wrapper {
        width: 97%;
        margin: 0 auto
    }

	
    .content {
        padding: 2em 0;
    }
	
  .tenyear-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 20px;
  }

  .tenyear-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .tenyear-image img {
    max-width: 90%;
  }

  .tenyear-text {
    max-width: 100%;
    width: 100%;
    margin-top: 60px;
    padding: 0 10px;
  }

  .tenyear-text p,
  .tenyear-text h4 {
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
  }

	.slider-quote {
        font-size: 17px;
        max-width: 90%;
		width: 60%;
    }
	
	.slider-quote h1 {
		font-size: 17px;
	}

    .slider-quote span {
        font-size: 17px;
    }

    .show-menu-for-mobile {
        display: block;
    }

    .show-logo-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }


    #topnav h1 {
        display: none;
    }

    #topnav {
        float: none;
        text-align: center
    }

    #google_translate_element {}

    .left {
        float: none
    }

    .quicklinks {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .google-maps {
        padding-bottom: 60%;
    }

    .quintoquinto {
        width: 100%;
        float: none;
        margin: 0 auto 3em auto;
        text-align: center;
    }

    .umquinto {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    img#teammember {
        display: block;
        text-align: center;
        margin: 0 auto;
    }

    .half {
        width: 100%;
    }

    .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
    }

}

@media screen and (max-width: 736px) {
    .serviceright {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .serviceleft {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-top: 2%
    }

    .serviceright .slider-container {
        position: relative;
        padding-top: 0 !important;
        height: auto !important;
    }

    .serviceright img {
        max-width: 100%;
    }
	
	.desktop-v {
		display: none;
	}
	
	.mobile-v {
		display: inline-block;
	}
	
	
  .tenyear-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 20px;
  }

  .tenyear-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }

  .hide{
   display:none;
  }

  .tenyear-text {
    max-width: 100%;
    width: 100%;
    margin-top: 60px;
    padding: 0 10px;
  }

  .tenyear-text p,
  .tenyear-text h4 {
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
  }
}




@media screen and (max-width:500px) and (min-width:351px) {
    h2 {
        font-size: 25px
    }

    h3 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    a:hover {
        font-weight: 600;
    }

 .content {
        padding: 2em 0;
    }

    .ten-years img{
	max-width: 80%;
	padding-top: 6px;

}
	
	.ten-years {
		max-width: 50%;
	}

	.slider-quote {
        font-size: 13px;
        max-width: 90%;
		width: 65%;
		padding: 10px;
    }
	
	.slider-quote h1 {
		font-size: 13px;
	}

    .slider-quote span {
        font-size: 13px;
    }
    .container {
        padding: 0
    }

    .smallwrapper {
        width: 90%;
        margin-bottom: 30px;
    
    }
	.tenyear-text {
		max-width: 100%;
	}
	
    .wrapper {
        width: 97%;
        margin: 0 auto
    }

    .content {
        padding: 2em 0;
    }


    .show-menu-for-mobile {
        display: block;
    }

    .show-logo-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }

    #topnav h1 {
        display: none;
    }

    #topnav {
        float: none;
        text-align: center
    }

  
	

    .main {
        padding: 0
    }

    .loc {
        margin: 0 auto;
        width: 100%;
    }

    .loc-middle {
        margin: 2em auto;
        width: 100%;
    }

    .left {
        float: none
    }

    .quicklinks {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .google-maps {
        padding-bottom: 60%;
    }

    .quintoquinto {
        width: 100%;
        float: none;
        margin: 0 auto 3em auto;
        text-align: center;
    }

    .umquinto {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    img#teammember {
        display: block;
        text-align: center;
        margin: 0 auto;
    }


    #email.input-email,
    #author.input-name,
    #lastname.input-name {
        width: 99%;
        margin: 0 auto;
        float: none;
        padding: 15px 1%;
    }

    .half {
        width: 100%;
    }

    .twothird {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding: 0
    }

    .onethird {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .onefifth {
        display: none
    }

    .onefifthmiddle {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
	
	  .tenyear-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 20px;
  }

  .tenyear-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }

   .hide{
   display:none;
  }

  .tenyear-text {
    max-width: 100%;
    width: 100%;
    margin-top: 40px;
    padding: 0 10px;
  }

  .tenyear-text p,
  .tenyear-text h4 {
    text-align: left;
    font-size: 1.1rem;
    line-height: 1.6;
  }

}

@media screen and (max-width: 600px) {
    .column2 {
        float: none;
        width: 100%;
    }

    .contenthomemobile h1 {
        margin: 30px;
        font-size: 26px;
    }
}


@media screen and (max-width: 430px) {
	a.text-us {
		width: 100%;
	}
	
	.text-us-wrap {
		right: 0;
		left: 0;
	}
	
	h1.header-h2,h2.header-h2 {font-size: 32px;}
}


@media screen and (max-width: 350px) {
    h2 {
        font-size: 20px;
    }

    h2 span {
        font-size: 17px;
        display: block
    }

    h3 {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }

    a:hover {
        font-weight: 600;
    }

    .show-menu-for-mobile {
        display: block;
    }

    .show-logo-for-mobile {
        display: block;
    }

    .hide-for-mobile {
        display: none;
    }


    .container {
        padding: 0
    }

    .smallwrapper {
        width: 90%;
        margin-bottom: 30px;
    }
	 .tenyear-wrapper {
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
    padding: 15px;
  }

  .tenyear-image {
    width: 100%;
    display: flex;
    justify-content: center;
  }

   .hide{
   display:none;
  }

  .tenyear-text {
    max-width: 100%;
    width: 100%;
    margin-top: 30px;
    padding: 0 8px;
  }

  .tenyear-text p,
  .tenyear-text h4 {
    text-align: left;
    font-size: 1rem;
    line-height: 1.6;
  }

    .wrapper {
        width: 97%;
        margin: 0 auto
    }

    .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;
    }

 
    #topnav h1 {
        display: none;
    }

    #topnav {
        float: none;
        text-align: center
    }

    .main {
        padding: 0
    }

    .loc {
        margin: 0 auto;
        width: 100%;
    }

    .loc-middle {
        margin: 1em auto;
        width: 100%;
    }

    .left {
        float: none
    }

    .quicklinks {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }

    .google-maps {
        padding-bottom: 60%;
    }

    .quintoquinto {
        width: 100%;
        float: none;
        margin: 0 auto 3em auto;
        text-align: center;
    }

    .umquinto {
        width: 100%;
        float: none;
        margin: 0 auto;
        text-align: center;
    }

    img#teammember {
        display: block;
        text-align: center;
        margin: 0 auto;
    }


    .half {
        width: 100%;
    }

    .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;
    }

    .serviceright {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center
    }

    .serviceleft {
        float: none;
        width: 100%;
        margin: 0 auto;
        text-align: center;
        padding-top: 52%
    }

    .chamar p {
        font-size: 15px;
    }
	
	.ten-years img{
	max-width: 60%;
	padding-top: 4px;

}
	
	.ten-years {
		max-width: 50%;
	}

	.slider-quote {
        font-size: 10px;
        max-width: 90%;
		width: 65%;
		padding: 5px;
    }
	
	.slider-quote h1 {
		font-size: 10px;
	}

    .slider-quote span {
        font-size: 10px;
    }

}