/**
|   Sumary
|       Fonts
|       General
|       Utilities
|       About
|       Advantages
|       Attendance
|       Contact
|       Costumers
|       Footer
|       Header
|       Slides
*/

/**
|   Fonts
*/

@font-face {
    font-family: 'HP Simplified Regular';
    src: url('../fonts/HP Simplified Regular.otf');
}

/**
|   General
*/

body {
    color:       #262321;
    font-family: sans-serif;
    margin:      0;
    overflow-x:  hidden;
    padding:     0;
}

/**
|   Utilities
*/

.-clearfix:after {
    clear: both;
}

.-clearfix:before, .-clearfix:after {
    content: "";
    display: table;
}

.-color-white {
    color: #fff;
}

.-display-inline {
    display: inline;
}

.-display-inline-block {
    display: inline-block;
}

.-display-none {
    display: none;
}

.-float-right {
    float: right;
}

.-float-left {
    float: left;
}

.-font-family-hp-simplified-regular {
    font-family: 'HP Simplified Regular';
}

.-font-family-work-sans-light {
    font-family: 'Work Sans', sans-serif;
}

.-font-light {
    font-weight: 300;
}

.-full-width {
    width: 100%;
}

.-heading {
    font-size:     1.75em;
    margin-bottom: 0;
    margin-top:    1.5em;
}

.-list-style-none {
    list-style: none;
}

.-subheading {
    font-size:     1.25em;
    margin-bottom: 0;
    margin-top:    0;
}

.-subheading::after {
    background-color: #42b574;
    content:          "";
    display:          block;
    height:           .1em;
    margin:           .75em auto 1.5em auto;
    width:            3.5em;
}

.-text-center {
    text-align: center;
}

.-text-decoration-none {
    text-decoration: none;
}

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

.-text-uppercase {
    text-transform: uppercase;
}

@media (max-width: 768px) {

    .-heading {
        font-size: 1.5em;
    }

    .-subheading {
        font-size: 1em;
    }
}

/**
|   About
*/

#about {
    margin-bottom: 2em;
    padding-left:  7.5%;
    padding-right: 7.5%;
}

#about ._door {
    background-position: center;
    background-repeat:   no-repeat;
    background-size:     100% 100%;
    margin-left:         0.3%;
    margin-top:          0.3%;
    height:              15em;
    width:               24%;
}

#about ._door:nth-of-type(1), #about ._door:nth-of-type(5) {
    margin-left: unset;
}

#about p {
    line-height: 1.5em;
}

#about ._1 {
    background-image: url('../img/porta-1.jpg');
}

#about ._1:hover {
    background-image: url('../img/porta-1-verde.jpg');
}

#about ._2 {
    background-image: url('../img/porta-2.jpg');
}

#about ._2:hover {
    background-image: url('../img/porta-2-verde.jpg');
}

#about ._3 {
    background-image: url('../img/porta-3.jpg');
}

#about ._3:hover {
    background-image: url('../img/porta-3-verde.jpg');
}

#about ._4 {
    background-image: url('../img/porta-4.jpg');
}

#about ._4:hover {
    background-image: url('../img/porta-4-verde.jpg');
}

#about ._5 {
    background-image: url('../img/porta-5.jpg');
}

#about ._5:hover {
    background-image: url('../img/porta-5-verde.jpg');
}

#about ._6 {
    background-image: url('../img/porta-6.jpg');
}

#about ._6:hover {
    background-image: url('../img/porta-6-verde.jpg');
}

#about ._7 {
    background-image: url('../img/porta-7.jpg');
}

#about ._7:hover {
    background-image: url('../img/porta-7-verde.jpg');
}

#about ._8 {
    background-image: url('../img/porta-8.jpg');
}

#about ._8:hover {
    background-image: url('../img/porta-8-verde.jpg');
}

@media (max-width: 768px) {
    #about ._door {
        width: 40%;
        margin-left: 6.67%;
        margin-top: 1em;
    }

    #about ._door:nth-of-type(1) {
        margin-left: 6.67%;
    }

    #about ._door:nth-of-type(5), #about ._door:nth-of-type(6), #about ._door:nth-of-type(7), #about ._door:nth-of-type(8) {
        display: none;
    }
}

@media (max-width: 480px) {
    #about ._door {
        height: 10em;
    }
}

/**
|   Advantages
*/

#advantages {
    margin-bottom: 2em;
    padding-left:  7.5%;
    padding-right: 7.5%;
}

#advantages ._advantage {
    background-color: #42b574;
    box-sizing:       border-box;
    min-height:       22.5em;
    margin-right:     12.5%;
    padding:          1.5em;
    width:            25%;
}

#advantages ._advantage h1 {
    font-size:  1.25em;
    margin-top: 1em;
}

#advantages ._advantage:last-of-type {
    margin-right: unset;
}

#advantages ._advantage p {
    font-size:   .9em;
    line-height: 1.5em;
}


#advantages ._number {
    color:            #42b574;
    background-color: #fff;
    font-size:        2em;
    padding:          .5em .75em;
    border-radius:    50%;
}

@media (max-width: 1024px) {
    #advantages ._advantage {
        min-height: 26em;
    }
}

@media (max-width: 980px) {
    #advantages ._advantage {
        min-height:   25.5em;
    }

    #advantages ._number {
        font-size: 1.5em;
    }
}

@media (max-width: 768px) {
    #advantages ._advantage {
        margin-right: unset;
        margin-top:   2em;
        min-height:   10em;
        width:        100%;
    }

    #advantages ._advantage:first-of-type {
        margin-top: 1em;
    }
}

/**
|   Attendance
*/

#attendance {
    background:    url('../img/brasil.png') no-repeat 2% center, url('../img/frete.png') no-repeat 98% center,        linear-gradient(to right, #57bce7, #83c456), url('../img/frete.png');
    background:    url('../img/brasil.png') no-repeat 2% center, url('../img/frete.png') no-repeat 98% center, -webkit-linear-gradient(to right, #57bce7, #83c456);
    background:    url('../img/brasil.png') no-repeat 2% center, url('../img/frete.png') no-repeat 98% center, -moz-linear-gradient(to right, #57bce7, #83c456);
    background:    url('../img/brasil.png') no-repeat 2% center, url('../img/frete.png') no-repeat 98% center, -o-linear-gradient(to right, #57bce7, #83c456);
    margin-bottom: 2em;
    padding:       1.5em 15%;
}

@media (max-width: 1024px) {
    #attendance {
        background:    url('../img/brasil.png') no-repeat 0% center, url('../img/frete.png') no-repeat 100% center,        linear-gradient(to right, #57bce7, #83c456), url('../img/frete.png');
        background:    url('../img/brasil.png') no-repeat 0% center, url('../img/frete.png') no-repeat 100% center, -webkit-linear-gradient(to right, #57bce7, #83c456);
        background:    url('../img/brasil.png') no-repeat 0% center, url('../img/frete.png') no-repeat 100% center, -moz-linear-gradient(to right, #57bce7, #83c456);
        background:    url('../img/brasil.png') no-repeat 0% center, url('../img/frete.png') no-repeat 100% center, -o-linear-gradient(to right, #57bce7, #83c456);
        padding:       2em 15%;
    }

    #attendance h1 {
        font-size: 1.1em;
    }

    #attendance h2 {
        font-size: 1em;
    }
}

@media (max-width: 980px) {
    #attendance {
        background: linear-gradient(to right, #57bce7, #83c456);
        background: -webkit-linear-gradient(to right, #57bce7, #83c456);
        background: -moz-linear-gradient(to right, #57bce7, #83c456);
        background: -o-linear-gradient(to right, #57bce7, #83c456);
        padding:    .5em 7.5%;
    }
}

/**
|   Contact
*/

#contact {
    background-color: #42b574;
    padding-bottom:   1.5em;
    padding-left:     7.5%;
    padding-right:    7.5%;
}

#contact ._column {
    width: 33%;
}

#contact ._column p:first-of-type {
    font-size: 1.2em;
}

#contact ._column p {
    font-size: .85em;
}

#contact ._icon {
    height:              3em;
    background-color:    #fff;
    background-position: center;
    background-repeat:   no-repeat;
    border-radius:       50%;
    margin:              1.5em auto;
    width:               3em;
}

#contact ._facebook {
    background-image: url("../img/facebook-icon.png");
}

#contact ._map {
    background-image: url("../img/map-icon.png");
}

#contact ._phone {
    background-image: url("../img/phone-icon.png");
}

@media (max-width: 768px) {
    #contact ._column {
        width: 50%;
    }
}

@media (max-width: 480px) {
    #contact ._column {
        width: 100%;
    }
}

/**
|   Costumers
*/

#costumers {
    margin-bottom: 2em;
    padding-left:  7.5%;
    padding-right: 7.5%;
}

#costumers a {
    text-decoration: none;
}

#costumers img {
    margin: 1em;
    width:  7.8em;
}

@media (max-width: 768px) {
    #costumers img {
        width: 5.8em;
    }
}

/**
|   Footer
*/

#footer {
    background-color: #006c2c;
    font-size:        .9em;
}

#footer a:hover {
    text-decoration: underline;
}

/**
|   Header
*/

#header {
    background-color: rgba(46,58,50, .9);
    box-sizing:       border-box;
    height:           5em;
    margin-top:       -1em;
    padding-left:     15%;
    padding-right:    15%;
    padding-top:      1em;
    position:         absolute;
    width:            100%;
    z-index:          99;
}

#header ._icone-menu {
    display:    none;
    font-size:  2em;
    margin-top: .25em;
}

#header ._icone-menu:hover {
    cursor: pointer;
}

#header img {
    width: 12em;
}

#header nav {
    font-size: .9em;
}

#header nav a {
    padding-top:    .125em;
    padding-bottom: .125em;
}

#header nav a:hover {
    border-bottom: .15em solid #42b574;
}

#header nav li {
    margin-left:  .5em;
    margin-right: .5em;
}

#header nav li::first-of-type {
    margin-left: unset;
}

#header nav li::last-of-type {
    margin-right: unset;
}

@media (max-width: 900px) {
    #header ._icone-menu {
        display: block;
    }

    #header nav {
        background-color: rgba(46,58,50, .9);
        display:          none;
        position:         absolute;
        right:            -30%;
        transition:       right 1s;
        top:              3.3em;
    }

    #header nav a {
        display: block;
        padding: .5em;
    }

    #header nav a:hover {
        background-color: #457e61;
        border-bottom:    none;
    }

    #header nav li {
        display:       block;
        margin-left:   unset;
        margin-right:  unset;
        padding:       unset;
    }

    #header nav ul {
        padding-left: 0;
        width:        12em;
    }
}

@media (max-width: 480px) {
    #header {
        padding-left:  7.5%;
        padding-right: 7.5%;
    }
}

/**
|   Slides
*/

#slides {
    height: 33.4em;
}

#slides ._button {
    border-radius: 8px;
    font-size:     1.2em;
    padding:       .5em;
}

#slides ._button-1 {
    background-color: #1a8448;
    border:           0.2em solid #1a8448;
    padding:          .5em 2em;
    margin-right:     .5em;
}

#slides ._button-1:hover {
    background-color: rgba(0, 0, 0, 0.5);
    border:           0.2em solid #fff;
}

#slides ._button-2 {
    background-color: rgba(0, 0, 0, 0.5);
    border:           0.2em solid #fff;
    margin-left:      .5em;
}

#slides ._button-2:hover {
    background-color: #1a8448;
    border:           0.2em solid #1a8448;
}

#slides .gm-slide {
    background-size:     cover;
    background-position: center;
    background-repeat:   no-repeat;
    display:             none;
    margin-top:          -1em;
    padding:             10em 15%;
    position:            absolute;
}

#slides h1 {
    font-size: 2.2em;
}

#slides p {
    font-size:     1.5em;
    margin-bottom: 2em;
}

#slides ._slide-1 {
    background-image: url('../img/slide-1.png');
}

#slides ._slide-2 {
    background-image: url('../img/slide-1.png');
}

#slides ._slide-3 {
    background-image: url('../img/slide-1.png');
}

#slides ._slide-4 {
    background-image: url('../img/slide-1.png');
}

@media (max-width: 768px) {
    #slides {
        height: 23em;
    }

    #slides ._button {
        font-size: 1em;
    }

    #slides ._button-1 {
        border:           0.1em solid #42b574;
    }

    #slides ._button-1:hover {
        border:           0.1em solid #fff;
    }

    #slides ._button-2 {
        border:      0.1em solid #fff;
    }

    #slides ._button-2:hover {
        border:           0.1em solid #42b574;
    }

    #slides .gm-slide {
        padding: 7em 7.5%;
    }

    #slides h1 {
        font-size: 1.5em;
    }

    #slides p {
        font-size: 1em;
    }

}

@media (max-width: 480px) {
    #slides .gm-slide {
        padding: 4em 7.5%;
    }

    #slides ._button-1, #slides ._button-2 {
        display:       block;
        margin-bottom: .5em;
        margin-left:   unset;
        margin-right:  unset;
    }
}

.texto3 {
    text-decoration: none;
    color: white;
}