*, *:after, *:before {
    margin: 0;
    padding: 0;
    font-size: 1em;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    /*FONT FAMILY*/
    /*FONT WEIGHT*/
}

a {
    cursor: pointer;
    text-decoration: none;
    outline: none;
}

img {
    display: block;
    max-width: 100%;
    margin: 0;
}

a img {
    border: none;
    margin: 0;
}

b {
    font-weight: bold;
}

ul {
    list-style: none;
}

embed,
    /*video,*/
iframe,
iframe[style] {
    max-width: 100%;
    height: auto;
}

input,
select,
textarea {
    padding: 10px;
    width: 100%;
    border: 1px solid #ccc;
    outline: none;
}

select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    background-image: url(select.png);
    background-size: auto 70%;
    background-repeat: no-repeat;
    background-position: right 10px center;
    cursor: pointer;
}

.none {
    display: none;
}

.noscroll {
    overflow: hidden;
}

.nomargin {
    margin-bottom: 0 !important;
}

/*CONTAINERS*/
.container {
    display: block;
    width: 100%;
}

.content {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    /* WIDTH*/
    /* PADDING */
}

.embed-container {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.embed-container embed,
.embed-container video,
.embed-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*BOXSTYLES*/
.radius {
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

.rounded {
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
}

.transition {
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

/*TRIGGERS*/
.trigger {
    color: #fff;
    font-size: 0.875em;
    background: #888;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
    padding: 12px;
    border: 1px solid #666;
    margin-bottom: 12px;
}

.trigger-success {
    background: #46ceac;
    border-color: #35ba9b;
}

.trigger-success-out {
    color: #46ceac;
    border-color: #46ceac;
    background: none;
    text-shadow: none;
}

.trigger-info {
    background: #4fc0e8;
    border-color: #3aadd9;
}

.trigger-info-out {
    color: #4fc0e8;
    border-color: #4fc0e8;
    background: none;
    text-shadow: none;
}

.trigger-alert {
    background: #fdcd56;
    border-color: #f5b945;
}

.trigger-alert-out {
    color: #fdcd56;
    border-color: #fdcd56;
    background: none;
    text-shadow: none;
}

.trigger-error {
    background: #eb5463;
    border-color: #d94452;
}

.trigger-error-out {
    color: #eb5463;
    border-color: #eb5463;
    background: none;
    text-shadow: none;
}

/*BUTTON*/
.btn {
    display: inline-block;
    padding: 10px 20px;
    background: #888;
    border: none;
    cursor: pointer;
    font-size: 1em;
    font-weight: normal;
    color: #fff;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.3);
}

.btn:hover {
    color: #fff;
    text-decoration: none;
    background: #666;
}

.btn-small {
    font-size: 0.875em;
}

.btn-big {
    font-size: 1.275em;
}

.btn-green {
    background: #46ceac;
}

.btn-green:hover {
    background: #35ba9b;
}

.btn-green-out {
    color: #46ceac;
    border: 1px solid #46ceac;
    background: none;
    text-shadow: none;
}

.btn-green-out:hover {
    color: #35ba9b;
    border: 1px solid #35ba9b;
    background: none;
    text-shadow: none;
}

.btn-blue {
    background: #4fc0e8;
}

.btn-blue:hover {
    background: #3aadd9;
}

.btn-blue-out {
    color: #4fc0e8;
    border: 1px solid #4fc0e8;
    background: none;
    text-shadow: none;
}

.btn-blue-out:hover {
    color: #3aadd9;
    border: 1px solid #3aadd9;
    background: none;
    text-shadow: none;
}

.btn-yellow {
    background: #fdcd56;
}

.btn-yellow:hover {
    background: #f5b945;
}

.btn-yellow-out {
    color: #fdcd56;
    border: 1px solid #fdcd56;
    background: none;
    text-shadow: none;
}

.btn-yellow-out:hover {
    color: #f5b945;
    border: 1px solid #f5b945;
    background: none;
    text-shadow: none;
}

.btn-red {
    background: #eb5463;
}

.btn-red:hover {
    background: #d94452;
}

.btn-red-out {
    color: #eb5463;
    border: 1px solid #eb5463;
    background: none;
    text-shadow: none;
}

.btn-red-out:hover {
    color: #d94452;
    border: 1px solid #d94452;
    background: none;
    text-shadow: none;
}

/*MARGINS*/
.m-top {
    margin-top: 20px;
}

.m-top40 {
    margin-top: 40px;
}

.m-bottom {
    margin-bottom: 20px;
}

.m-bottom10 {
    margin-bottom: 10px;
}

.m-bottom30 {
    margin-bottom: 30px;
}

.m-bottom40 {
    margin-bottom: 40px;
}

.m-bottom50 {
    margin-bottom: 50px;
}

.m-left {
    margin-left: 20px;
}

.m-right {
    margin-right: 20px;
}

.m-right10 {
    margin-right: 10px;
}

.m-right30 {
    margin-right: 30px;
}

.m-right40 {
    margin-right: 40px;
}

.m-auto{
    margin: 0 auto;
}

/*ALIGN*/
.al-center {
    text-align: center;
}

.al-left {
    text-align: left;
}

.al-right {
    text-align: right;
}

.al-justify {
    text-align: justify;
}

/*FLEXBOX*/
.flex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.flex .flex-2 {
    flex-basis: calc(50% - 10px);
    margin-right: 20px;
}

.flex .flex-2:nth-of-type(2n+0) {
    margin-right: 0;
}

.flex .flex-3 {
    flex-basis: calc(33.333% - 13.333px);
    margin-right: 20px;
}

.flex .flex-3:nth-of-type(3n+0) {
    margin-right: 0;
}

.flex .flex-4 {
    flex-basis: calc(25% - 15px);
    margin-right: 20px;
}

.flex .flex-4:nth-of-type(4n+0) {
    margin-right: 0;
}

.flex .flex-5 {
    flex-basis: calc(20% - 16px);
    margin-right: 20px;
}

.flex .flex-5:nth-of-type(5n+0) {
    margin-right: 0;
}

/*TEXTO EDITOR*/
.texto-editor {
    display: block;
    width: 100%;
}

.texto-editor strong, .texto-editor p strong {
    font-weight: bold;
}

.texto-editor h3 {
    display: block;
    font-size: 2em;
    font-weight: 300;
    margin-bottom: 30px
}

.texto-editor h4 {
    display: block;
    font-size: 1.8em;
    font-weight: 300;
    margin-bottom: 30px
}

.texto-editor h5 {
    display: block;
    font-size: 1.6em;
    font-weight: 300;
    margin-bottom: 30px
}

.texto-editor p {
    margin-bottom: 20px;
    font-weight: 400;
}

.texto-editor iframe {
    width: 100%;
    border: none;
}

.texto-editor ul {
    list-style: circle;
    margin: 0 0 20px 20px;
}

.texto-editor ol {
    margin: 20px 30px;
}

.texto-editor form {
    padding: 30px;
    background: #fbfbfb;
    margin: 20px 0;
    text-align: center;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.texto-editor form label {
    display: block;
    margin-bottom: 15px;
    font-size: 0.9em;
    text-transform: uppercase;
}

.texto-editor form input,
.texto-editor form textarea {
    border: 1px solid #ccc;
    display: block;
    margin-top: 15px;
    font-size: 1em;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.texto-editor form button,
.texto-editor form input[type="submit"] {
    display: block;
    border: 0;
    color: #fff;
    text-shadow: 0 1px #000;
    cursor: pointer;
    padding: 15px 30px;
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    background: #00B494;
    border-bottom: 5px solid #008068;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.texto-editor form button:hover,
.texto-editor form input[type="submit"]:hover {
    background-color: #008068;
    border-color: #0B5747;
}

.texto-editor a {
    color: #0E96E5;
    text-decoration: none;
}

.texto-editor a:hover {
    text-decoration: underline;
}

.texto-editor pre {
    margin-bottom: 30px;
    font-size: 0.8em;
}

.texto-editor .btn {
    display: block;
    color: #fff;
}

.texto-editor .btn:hover {
    text-decoration: none !Important;
}

/*PAGINAÇÃO*/
.paginator {
    display: block;
    width: 100%;
    text-align: right;
    margin-top: 50px;
}

.paginator li {
    display: inline-block;
}

.paginator li span,
.paginator li a {
    font-size: 0.875em;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 38px;
    height: 38px;
    border: 2px solid #60beb3;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    margin: 0 5px;
    text-decoration: none;
    color: #00977f;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-box-shadow: 0 5px 10px rgba(0, 151, 127, 0.20);
    -moz-box-shadow: 0 5px 10px rgba(0, 151, 127, 0.20);
    box-shadow: 0 5px 10px rgba(0, 151, 127, 0.20);
}

.paginator li a:hover {
    background: #60beb3;
    color: #FFFFFF;
}

.paginator li span {
    background: #60beb3;
    color: #FFFFFF;
}

.paginator li:first-child,
.paginator li:last-child {
    display: none;
}

/*LOADER*/
.load-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: all .5s, z-index 0ms;
    z-index: 99;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3em;
    background-color: rgba(0, 0, 0, 0.9);
    color: #FFFFFF;
    opacity: 0;
    visibility: hidden;
}

.load-overlay.active {
    opacity: 1;
    visibility: visible;
}

.load-overlay img{
    height: 150px;
}

/* ANIMAÇÃO */
[data-anime] {
    opacity: 0;
    transition: 1s;
}

[data-anime="left"] {
    transform: translate3d(-50px, 0, 0);
}

[data-anime="right"] {
    transform: translate3d(50px, 0, 0);
}

[data-anime="top"] {
    transform: translate3d(0, -50px, 0);
}

[data-anime="bottom"] {
    transform: translate3d(0, 50px, 0);
}

[data-anime].animate {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px);
}

@font-face {
    font-family: 'soneca';
    src: url('icons/soneca.eot');
    src: url('icons/soneca.eot?#iefix') format('embedded-opentype'),
    url('icons/soneca.woff') format('woff'),
    url('icons/soneca.ttf') format('truetype'),
    url('icons/soneca.svg#soneca') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class*='icon-']{
    display: inline-block;
}

[class*='icon-']:before{
    /*display: flex;*/
    /*flex-wrap: wrap;*/
    float: left;
    display: inline-block;
    font-family: 'soneca';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-placeholder:before{content:'\0041';}
.icon-tractor:before{content:'\0042';}
.icon-value:before{content:'\0043';}
.icon-vision:before{content:'\0044';}
.icon-whatsapp:before{content:'\0045';}
.icon-car:before{content:'\0046';}
.icon-contact:before{content:'\0047';}
.icon-facebook:before{content:'\0048';}
.icon-mission:before{content:'\0049';}
.icon-facebook-rounded:before{content:'\004a';}

.icon-flip {
    display: flex;
    flex-wrap: wrap;
    -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
    -webkit-transform: scale(-1, 1);
    transform: scale(-1, 1);
}