
h1, .h1 {
    font-size: 3rem;
}


.owl-dots {
    margin-top: 3rem;
}


.project-carousel .project-description {
    width: 90%;
} 



.filter {
    font-size: 1rem;
}


.success-message{
    background: green;
    padding: 10px;
    color: white;
    font-weight: bold;
}


.error-message-captcha, .error-message{
    background: red;
    padding: 10px;
    color: white;
    font-weight: bold;
}


.mc-label, label.error {
    color: red;
    display: inline-block;
    padding: 5px 10px;
    background: white;
    font-weight: bold;
}

h3, .h3 {
    font-size: 2rem;
}

.info-title {
    width: 100%;
    margin-bottom: 1vw;
}

.entry-footer {
    padding-top: 0rem;
}

.marcenaria_artesanal {
    color: #ffffff;
    font-size: 19px;
}

.be_a_partner {
    font-size: 19px;
}

.section-news {
    border-bottom: 1px solid #e1e1e1;
    padding: 3rem 0 10.28rem 0;
}

.posted-on {
    margin-bottom: 2rem;
}

.bg-orange {
    background:#e67527;
}

.padd-tb3vw {
    padding: 3vw 0;
}

@media (min-width: 992px) {
    .page-header {
        margin: 3.8rem 0 2.8rem;
    }

    .page-content-2 {
        margin: 3.8rem 0 2.8rem;
    }
}

.wigle-button {
    animation: wiggle 0.5s infinite;
}

.map_footer {
    color: #000;  
}

.map_footer:hover {
    color: #e67527; 
    text-decoration: none;
}

.dots-image .dots {
    position: absolute;
    left: -20%;
    bottom: -15%;
    width: 101%;
    height: 57.2%;
    background: url(../images/bg/dots2.png) 0 0 repeat;
}

.dots-image img {
    display: block;
    position: relative;
    z-index: 1;
    border-right: 3px solid #e67527;
    border-bottom: 3px solid #e67527;
}

.ww {
    white-space: normal !important;
    width: 480px;
    overflow-wrap: break-word;
    white-space: pre-wrap; /* CSS3 */    
    white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
    white-space: -pre-wrap; /* Opera 4-6 */    
    white-space: -o-pre-wrap; /* Opera 7 */    
    word-wrap: break-word; /* Internet Explorer 5.5+ */

}


.section-cta h2, .section-cta p {
    color: #fff;
}

.section-cta {
    background: #484a49;
    padding: 2rem 0;
}

.section-ctb {
    background: #e67527;
    padding: 2rem 0;
}


select, option {
    display: inline-block;
    width: 100%;
    font-size: 1rem;
    border-radius: 0.75em;
    color: #3d3d3d;
    background-color: #fff;
    border: 0;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    padding: 0.2rem 1rem 0;
    height: 3.6em;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: auto;
    -webkit-transition: all .15s;
    -o-transition: all .15s;
    transition: all .15s;
}


@media (max-width: 767px) {
    .brand img {
        height: 55px !important;
    }

    .navbar-toggle {
        top:15px;
    }

    .slider-titulo-2 {
        font-size: 19px !important;
        width: 200px;
    }

}

@media (min-width: 768px) {
    .section-about {
        padding-top: 8rem;
    }
}


@media (min-width: 300px) and (max-width: 600px) {
	.menu-list > li {
	    font-size: 1.5rem !important;
	}

    .menu-list { 
        top: 9rem !important;
    }

    .menu-footer {
        bottom: 6rem !important;
    }


}




.copy-footer {
	padding: 1rem;
}

footer {
	padding-top: 5rem;
}

h6, .h6 {
    font-size: 1rem;
    margin: 0;
}

.section-know {
	background: #e67527;
}

.project-item:hover .project-hover {
	background-color: rgb(243 211 170);
}

.btn-yellow {
    color: #fff;
}

.menu-list li a {
    color: #767a79;
}

.menu-list > li {
    margin-top: 1.7rem;
}

.section-projects {
    padding-bottom: 8rem;
    background: url(https://www.saojoaomoveis.com.br/images/bg/dots2.png);
}

.tp-bullet.selected, .tp-bullet:hover {
    background: #e87e34;
}

.jumbotron {
    margin-top: 3rem;
}

.slotholder {
    margin-left: 100px;
}

@media(max-width: 800px){
    .slotholder {
        margin-left: 0px;
    }
}

.navbar {
    height: 10rem;
}

.brand img {
    height: 81px;
}

.btn-martesanal {
    background: #fff;
    color: #001;
}



.yyyy {
    display: hidden;
}

@media(max-width: 600px) {
    .marcenaria_artesanal {
        font-size: 13px;
    }
    
    .be_a_partner {
        font-size: 13px;
    }
}

@keyframes wiggle {
    2% {
        transform: translate(4px, -9px) rotate(-2.5deg);
    }
    4% {
        transform: translate(6px, 8px) rotate(2.5deg);
    }
    6% {
        transform: translate(-5px, 6px) rotate(-.5deg);
    }
    8% {
        transform: translate(-1px, 1px) rotate(-.5deg);
    }
    10% {
        transform: translate(5px, 8px) rotate(2.5deg);
    }
    12% {
        transform: translate(-7px, 0px) rotate(2.5deg);
    }
    14% {
        transform: translate(6px, -4px) rotate(1.5deg);
    }
    16% {
        transform: translate(-2px, 6px) rotate(3.5deg);
    }
    18% {
        transform: translate(0px, 10px) rotate(.5deg);
    }
    20% {
        transform: translate(9px, 1px) rotate(1.5deg);
    }
    22% {
        transform: translate(5px, 4px) rotate(2.5deg);
    }
    24% {
        transform: translate(-1px, -9px) rotate(-2.5deg);
    }
    26% {
        transform: translate(-1px, 3px) rotate(.5deg);
    }
    28% {
        transform: translate(8px, -3px) rotate(-2.5deg);
    }
    30% {
        transform: translate(4px, 10px) rotate(.5deg);
    }
    32% {
        transform: translate(7px, 1px) rotate(2.5deg);
    }
    34% {
        transform: translate(7px, -4px) rotate(-1.5deg);
    }
    36% {
        transform: translate(-4px, 9px) rotate(-.5deg);
    }
    38% {
        transform: translate(8px, 10px) rotate(1.5deg);
    }
    40% {
        transform: translate(7px, 9px) rotate(3.5deg);
    }
    42% {
        transform: translate(-7px, -5px) rotate(1.5deg);
    }
    44% {
        transform: translate(5px, 3px) rotate(-1.5deg);
    }
    46% {
        transform: translate(-7px, 0px) rotate(-.5deg);
    }
    48% {
        transform: translate(-6px, -9px) rotate(-1.5deg);
    }
    50% {
        transform: translate(-9px, -4px) rotate(-2.5deg);
    }
    52% {
        transform: translate(8px, -1px) rotate(3.5deg);
    }
    54% {
        transform: translate(-1px, 2px) rotate(3.5deg);
    }
    56% {
        transform: translate(1px, -5px) rotate(-2.5deg);
    }
    58% {
        transform: translate(-3px, -5px) rotate(-1.5deg);
    }
    60% {
        transform: translate(-3px, 3px) rotate(-1.5deg);
    }
    62% {
        transform: translate(9px, 3px) rotate(1.5deg);
    }
    64% {
        transform: translate(-3px, 4px) rotate(3.5deg);
    }
    66% {
        transform: translate(0px, 10px) rotate(2.5deg);
    }
    68% {
        transform: translate(-5px, 6px) rotate(-.5deg);
    }
    70% {
        transform: translate(-8px, -4px) rotate(-.5deg);
    }
    72% {
        transform: translate(-9px, 2px) rotate(1.5deg);
    }
    74% {
        transform: translate(0px, 3px) rotate(1.5deg);
    }
    76% {
        transform: translate(4px, 6px) rotate(-.5deg);
    }
    78% {
        transform: translate(-2px, 1px) rotate(.5deg);
    }
    80% {
        transform: translate(-1px, 2px) rotate(-2.5deg);
    }
    82% {
        transform: translate(-9px, 2px) rotate(.5deg);
    }
    84% {
        transform: translate(-8px, -7px) rotate(3.5deg);
    }
    86% {
        transform: translate(5px, -5px) rotate(.5deg);
    }
    88% {
        transform: translate(-4px, 1px) rotate(3.5deg);
    }
    90% {
        transform: translate(0px, 0px) rotate(3.5deg);
    }
    92% {
        transform: translate(5px, -8px) rotate(3.5deg);
    }
    94% {
        transform: translate(-3px, -2px) rotate(-.5deg);
    }
    96% {
        transform: translate(8px, -5px) rotate(-1.5deg);
    }
    98% {
        transform: translate(-1px, 9px) rotate(-1.5deg);
    }
  }

  .wigle-button {
    animation: wiggle 4.75s infinite;
  }
  .wigle-button:hover {
    animation-play-state: paused;
  }