/*--------------------------------------------------------*/
/*-------------------------NAVBAR-------------------------*/
/*--------------------------------------------------------*/

/*********************COR E TAMANHO DA LETRA*********************/

.navbar-default .nav > li > a {
    font-size: 20px !important;
    color: white;
    font-weight: 900;
    margin-right: 30px;
    margin-top: 15px;
}

.navbar-default.affix .nav > li > a, .navbar-default.affix .nav > li > a:focus {
    color: white;
}

.navbar-default .nav > li > a:hover,
.navbar-default .nav > li > a:focus:hover {
    font-size: 20px !important;
    color: #cb7d24 !important;
    font-weight: 900 !important;

}

.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
    font-size: 20px !important;
    color: #cb7d24 !important;
    background-color: transparent;
    font-weight: 900 !important;
    border-bottom: 6px solid #cb7d24 !important;

}

.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
    background-color: transparent;

}

@media screen and (max-width: 395px) {
    .navbar-brand > img {
        width: auto;
        height: 60px;
    }

}

/*********************NAVBAR COLAPSED*********************/

.navbar-collapse, .navbar-default {
    background-color: #29140d !important;
}

.collapsedColor {
    color: #cb7d24;
    background-color: white;
}

/*********************BOTAO SERVIÇOS*********************/

.navbar-default .nav > li:last-of-type > a {
    background-color: #cb7d24;
    color: white !important;
}

.navbar-default .nav > li:last-of-type > a:hover {
    background-color: white;
    color: #cb7d24 !important;
}

/*--------------------------------------------------------*/
/*-------------------------HEADER-------------------------*/
/*--------------------------------------------------------*/

.mensagemHeader {
    width: 100% !important;
    color: black !important;
    background-color: rgb(255, 255, 255);
    opacity: 0.8;
    font-size: 20px !important;
    font-weight: 600 !important;
    padding: 5px;

}

.btn-primary {
    background-color: #cb7d24;
    font-size: 20px;
}

.btn-primary:focus {
    background-color: #cb7d24;
    border: 6px solid #3e1f0f;
}

.btn-primary:hover {
    background-color: #3e1f0f;
    border: 6px solid white
}

.btnCustom {
    border: 6px solid #3e1f0f;
}

hr {
    border-color: #cb7d24;
}

.inlineDisplay {
    display: inline !important;
}

/*-------------------------BOTAO DIRECAO-------------------------*/

.goto-next {
    position: absolute;
    bottom: 15px;
    left: 50%;
    color: white !important;

}

@-webkit-keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

@keyframes hvr-pulse-grow {
    to {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }
}

.hvr-pulse-grow {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(2px) translateZ(0);
    transform: perspective(2px) translateZ(0);
    box-shadow: 0 0 1px transparent;
}

.hvr-pulse-grow:hover, .hvr-pulse-grow:focus, .hvr-pulse-grow:active {
    -webkit-animation-name: hvr-pulse-grow;
    animation-name: hvr-pulse-grow;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
}

/*----------------------------------------------------------*/
/*-------------------------PARALLAX-------------------------*/
/*----------------------------------------------------------*/

.parallax {
    /* The image used */
    background-image: url("/../assets/img/paral3.jpg");

    /* Full height */
    height: 350px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;

}

.quoteParallax {
    font-style: italic;
    text-align: center;
    padding-top: 140px;
    font-size: 30px;
    font-weight: bold;
    width: 70%;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

@media screen and (max-width: 1057px) {
    .quoteParallax {
        padding-top: 100px;
    }

}

@media screen and (max-width: 707px) {
    .quoteParallax {
        padding-top: 50px;
        font-size: 28px;
    }

}

@media screen and (max-width: 567px) {
    .quoteParallax {
        padding-top: 50px;
        font-size: 22px;
    }

}

/*---------------------------------------------------------*/
/*-------------------------SECTION-------------------------*/
/*---------------------------------------------------------*/

/*-------------------------1-------------------------*/

.bg-primary {
    background-color: #b6ac96;
}

.bg-secondary {
    background-color: white;
}

.text-primary {
    color: #cb7d24 !important;
}

.primary {
    border-color: #cb7d24 !important;
}

.textHighlight {
    color: #cb7d24 !important;
    font-size: 18px;
}

.btnCustom1 {
    margin-right: 15px;
    border: none !important;
    display: inline;
}

/*#####################SERVIÇOS################*/

.borderDiv {
    border: 5px solid #3e1f0f;
    border-radius: 25px !important;
}

.borderDivInterior {
    border: 3px solid #cb7d24;
    border-radius: 25px !important;
    display: inline-block;

}

.imageCategoria {
    height: 300px;
    /* Create the parallax scrolling effect */
    background-position: center;

}

.description {
    position: absolute; /* absolute position (so we can position it where we want)*/
    bottom: 0px; /* position will be on bottom */
    left: 0px;
    width: 100%;
    /* styling bellow */
    background-color: #cb7d24;
    font-family: 'tahoma';
    font-size: 15px;
    color: white;
    opacity: 0.8; /* transparency */
    filter: alpha(opacity=80); /* IE transparency */
    border-radius: 25px;
}

.description_content {
    padding: 10px;
    margin: 0px;
}

.divSlider {
    padding-top: 25px;
}

.dropdown-menu {
    left: 0;
    right: 0;
    font-size: 15px;
}

.dropdown-menu > li > a:hover {
    background-color: rgba(203, 125, 36, 0.5) !important;
}

.dropdown-menu .divider {

    background-color: #cb7d24 !important;
}

/*-------------------------3-------------------------*/

.portfolio-box .portfolio-box-caption {
    background: rgba(203, 125, 36, 0.5) !important;
}

/*------------------------------------------------------*/
/*-------------------------MAPA-------------------------*/
/*------------------------------------------------------*/

#mapa {
    height: 300px;
    width: 100% !important;
}

.gm-style-iw * {
    display: block;
    width: 100%;
}

.gm-style-iw h4, .gm-style-iw p {
    margin: 0;
    padding: 0;
}

.gm-style-iw a {
    color: #4272db;
}

a[href^="http://maps.google.com/maps"] {
    display: none !important
}

a[href^="https://maps.google.com/maps"] {
    display: none !important
}

.gmnoprint a, .gmnoprint span, .gm-style-cc {
    display: none;
}

/*--------------------------------------------------------*/
/*-------------------------FORM-------------------------*/
/*--------------------------------------------------------*/

input, textarea {
    border: 0;
    outline: 0;
    padding: 1em;
    border-radius: 8px;
    display: block;
    width: 100%;
    margin-top: 1em;
    font-family: 'Merriweather', sans-serif;
    box-shadow: 0 0 2px #e3962f !important;
    resize: none;
}

textarea{
    height: 170px !important;
}

/*--------------------------------------------------------*/
/*-------------------------FOOTER-------------------------*/
/*--------------------------------------------------------*/

footer {
    padding-top: 20px;
    text-align: center;
    background-color: #29140d !important;
    color: white;
}

::-webkit-scrollbar {
    display: none;
}