.bd-top-titulo{display: block; width: 200px; height: 2px; background-color: #ffdd00}
.bd-top-texto {color: #cbb401; font-size: 16px; margin-top: 30px; text-decoration: none;}

#slider-home{overflow: hidden;}
#slider-home .metaslider .flexslider .flex-direction-nav li a{font-family: "Font Awesome 5 Pro"; font-weight: 900; background-image: none; width: 40px; height: 40px; opacity: 1; background-color: #ffdd00; color: #162f49; font-size: 24px;}
#slider-home .metaslider .flexslider .flex-direction-nav li a:hover{background-color: #162f49; color: #ffdd00}
#slider-home .metaslider .flexslider .flex-direction-nav li a.flex-prev{left: 5px; top: inherit; bottom: 50%; margin-top: -20px;}
#slider-home .metaslider .flexslider .flex-direction-nav li a.flex-prev:after{content:"\f053"; float: left; width: 40px; height: 40px; padding: 8px 0 0; text-align: center; text-indent: 0}
#slider-home .metaslider .flexslider .flex-direction-nav li a.flex-next{right: 5px; top: inherit; bottom: 50%; margin-top: -20px;}
#slider-home .metaslider .flexslider .flex-direction-nav li a.flex-next:after{content:"\f054"; float: right; width: 40px; height: 40px; padding: 8px 0 0; text-align: center; text-indent: 0}

#ambiente-criativo{position: relative; padding: 100px 0;}
#ambiente-criativo .container{position: relative; z-index: 200;}
#ambiente-criativo h2{display: block; position: relative; font-size: 24px; line-height: 44px; font-weight: 400; color: #fff; letter-spacing: 7px;}
#ambiente-criativo h2 span{display: block; width: 196px; height: 36px; line-height: 36px; position: relative; margin-bottom: 8px; color: #1a2e4a; background-color: #fff;}
#ambiente-criativo h2 span:nth-child(2){background-color: #f6db00; width: 176px;}
#ambiente-criativo h2 span:nth-child(3){width: 90px;}
#ambiente-criativo h2 span::before{content: ''; position: absolute; left: var(--position, 0px); top: 0; width: var(--width, 0px); height: 100%; background-color: #fff;}
#ambiente-criativo h2 span:nth-child(2)::before{background-color: #f6db00;}

#ambiente-criativo .agencia{color: #f6db00; letter-spacing: 7px; font-size: 24px; margin-top: 50px;}
#ambiente-criativo .agencia strong{color: #fff;}

#ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--wpr-bg-efbff318-f061-44ca-ad8d-9ba14c35ab20) top left no-repeat; background-size: cover;}

#ultimos-projetos{position: relative; padding: 0; background-color: #ffdd00}
#ultimos-projetos h2{margin: 0 0 65px; padding: 0; color: #162f49; font-size: 30px}
#ultimos-projetos .bd-top-titulo{margin-bottom: 24px; background-color: #fff}

#ultimos-projetos .bt-mobile{
    background-color: #f6db00;
    color: #1a2e4a;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 20px;
    padding: 20px 15px;
    text-align: center;
    transition: .15s;
}
#ultimos-projetos .bt-mobile:hover{
    background-color: #1a2e4a;
    color: #f6db00;
}

#clientes{padding: 67px 0; background-color: #fff;}
#clientes h2{color: #1a2e4a; font-weight: 900; margin: 0; padding: 0;}

.slick-carousel{padding: 0 50px; margin-top: 70px}
.slick-carousel .slick-prev, .slick-carousel .slick-next{position: absolute; top: 50%; margin-top: -15px; width: 40px; height: 40px; cursor: pointer; outline: none; background-color: #fff; color: #162f49; opacity: .6; font-size: 24px; border: 0; padding: 5px 0 0; text-align: center; transition: .2s; z-index: 200}
.slick-carousel .slick-prev:hover, .slick-carousel .slick-next:hover{background-color: #ffff; color: #162f49; opacity: 1;}
.slick-carousel .slick-prev{left: 0;}
.slick-carousel .slick-next{right: 0;}
.slick-carousel img.img-fluid{margin-top: 10px; margin-bottom: 10px; max-width: 190px;}
.slick-carousel .item{padding: 10px;}

#clientes p{margin: 50px 0 0; color: #1a2e4a; font-size: 18px;}
#clientes p a{color: #162f49; text-decoration: none; transition: .15s;}
#clientes p a:hover{color: #b4b4b5;}

#outros-clientes{padding: 67px 0 20px; background-color: #fafafa;}
#outros-clientes h2{color: #1a2e4a; font-weight: 900; margin: 0; padding: 0;}

#on-e-off{background-color: #1a2e4a; padding: 50px 0;}
#on-e-off h2{color: #f6db00; font-weight: 900; font-size: 72px; text-align: center;}
#on-e-off h2 span{color: #1a2e4a; display: block; text-align: center; text-shadow: 2px 0 #fff, -2px 0 #fff, 0 2px #fff, 0 -2px #fff, 1px 1px #fff, -1px -1px #fff, 1px -1px #fff, -1px 1px #fff;}
#on-e-off p{color: #fff; font-size: 18px; margin-top: 50px;}

#depoimentos{padding: 50px 0; background-image: var(--wpr-bg-c9249162-9445-4c69-83d1-e02b2fdddc7e); background-position: top center; background-repeat: repeat; background-size: cover}

#contato{padding: 30px 0; background-color: #ffdd00}
#contato h2{font-size: 24px;}
#contato .solicitar-contato{display: block; width: 466px; max-width: 100%; padding: 10px 15px; text-align: center; color: #fff; background-color: #162f49; border: solid 1px #162f49; border-radius: 5px; text-decoration: none; transition: .2s}
#contato .solicitar-contato:hover, #contato .solicitar-contato:focus{color: #162f49; background-color: #ffdd00; text-decoration: none}
#contato .form-contato{display: none; margin: 0 auto; width: 800px; max-width: 100%; padding: 30px 0 0}

#contato .wpcf7 .wpcf7-text, #contato .wpcf7 .wpcf7-select, #contato .wpcf7 .wpcf7-dynamictext, #contato .wpcf7 .wpcf7-date, #contato .wpcf7 .wpcf7-number{border: 1px solid #162f49; background-color: #ffdd00;}
#contato .wpcf7 .wpcf7-textarea{border: 1px solid #162f49; background-color: #ffdd00;}

@media (min-width: 576px){
    #ultimos-projetos h2{font-size: 52px;}
    
    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 100px; line-height: 1; text-align: left;}
    #on-e-off h2 span{text-align: right;}
    #on-e-off p{font-size: 26px; margin-top: 50px;}
}
@media (min-width: 768px){
    #slider-home .metaslider .flexslider .flex-direction-nav li a{width: 50px; height: 50px; font-size: 32px; margin-top: -25px;}
    #slider-home .metaslider .flexslider .flex-direction-nav li a.flex-prev:after{width: 50px; height: 50px;}
    #slider-home .metaslider .flexslider .flex-direction-nav li a.flex-next:after{width: 50px; height: 50px;}
    
    #ultimos-projetos h2{font-size: 52px;}

    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 110px; line-height: 1;}
    #on-e-off p{font-size: 26px; margin-top: 50px;}
    
    #ambiente-criativo{padding: 123px 0; min-height: 800px;}
    #ambiente-criativo h2{font-size: 24px; line-height: 44px;}
    #ambiente-criativo h2 span{display: block; width: 206px; height: 36px; line-height: 36px; margin-bottom: 8px;}
    #ambiente-criativo h2 span:nth-child(2){width: 180px;}
    #ambiente-criativo h2 span:nth-child(3){width: 90px;}
    #ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 50%; height: 100%; background: var(--wpr-bg-ba7aef2c-5a1d-49c7-82f5-c512c3b97c2b) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-ambiente-2{display: block; position: absolute; top: 0; right: 0; width: 50%; height: 100%; background: var(--wpr-bg-b9d8fcfc-1140-4a6a-9b93-44778f4ed2db) top left no-repeat; background-size: cover;}

    #ambiente-criativo .bg-listras-1{display: block; position: absolute; top: 114px; left: calc(50% - 60px); width: 150px; height: 150px; background: var(--wpr-bg-6f67f67a-b7e6-4c98-a430-b23d77dff3ae) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-listras-2{display: block; position: absolute; bottom: -57px; right: 0; width: 150px; height: 150px; background: var(--wpr-bg-ec31893b-1da4-4fe0-ada1-1acaca187913) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-x{display: block; position: absolute; bottom: -127px; left: calc(35% - 247px); width: 19px; height: 150px; background: var(--wpr-bg-998242d8-ae23-4f09-a309-c6bccde13048) top left no-repeat; background-size: cover;}

    #ambiente-criativo .agencia{font-size: 24px; margin-top: 50px;}

    #clientes{padding: 100px 0 100px;}
    #clientes h2{font-size: 28px; letter-spacing: 5px;}

    .slick-carousel .slick-prev, .slick-carousel .slick-next{width: 50px; height: 50px; margin-top: -25px; font-size: 32px}

    #depoimentos blockquote:before{left: -10px; top: 0;}
    #depoimentos blockquote:after{right: 0; bottom: 0;}

    #sidebar{padding-top: 0}
}
@media (min-width: 992px) {
    #ultimos-projetos h2{font-size: 52px;}
    
    #ambiente-criativo{padding: 123px 0; min-height: 800px;}
    #ambiente-criativo h2{font-size: 28px; line-height: 44px;}
    #ambiente-criativo h2 span{display: block; width: 246px; height: 36px; line-height: 36px; margin-bottom: 8px;}
    #ambiente-criativo h2 span:nth-child(2){width: 212px;}
    #ambiente-criativo h2 span:nth-child(3){width: 105px;}
    #ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: var(--wpr-bg-43528748-87b6-4dda-bde0-14cae7e2aeb0) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-ambiente-2{display: block; position: absolute; top: 0; right: 0; width: 60%; height: 100%; background: var(--wpr-bg-ad2ae6a7-f49e-472d-83b2-db83325e79d0) top left no-repeat; background-size: cover;}

    #ambiente-criativo .bg-listras-1{display: block; position: absolute; top: 114px; left: calc(40% - 60px); width: 150px; height: 150px; background: var(--wpr-bg-da50dfb0-5080-486d-a957-8877c1a85901) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-listras-2{display: block; position: absolute; bottom: -57px; right: 0; width: 150px; height: 150px; background: var(--wpr-bg-ec31893b-1da4-4fe0-ada1-1acaca187913) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-x{display: block; position: absolute; bottom: -127px; left: calc(40% - 247px); width: 19px; height: 150px; background: url(../../../../../../../../themes/bp360-2022/assets/images/bg-x.png) top left no-repeat; background-size: cover;}

    #ambiente-criativo .agencia{font-size: 28px; margin-top: 50px;}

    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 120px; line-height: 1;}
    #on-e-off p{font-size: 28px; margin-top: 50px;}

    #on-e-off .folha-1{display: block; position: absolute; top: 160px; left: 0; width: 250px; height: 216px; background: var(--wpr-bg-227a646f-d06f-4a43-acad-e7a8102698b1) top left no-repeat; background-size: cover; z-index: 200;}
    #on-e-off .folha-2{display: block; position: absolute; top: 70px; right: 0; width: 150px; height: 192px; background: var(--wpr-bg-1e092f26-7d3b-457b-a54b-921458670776) top left no-repeat; background-size: cover; z-index: 200;}

    #clientes{padding: 150px 0 100px;}
    #clientes h2{font-size: 32px; letter-spacing: 5px;}
    #clientes p{font-size: 24px;}

    .slick-depoimentos .slick-dots li button{width: 100px;}

    .wpcf7 label{font-size: 16px;}
    .wpcf7 label strong.chegou-momento{font-size: 21px;}
    .wpcf7 .wpcf7-text, .wpcf7 .wpcf7-select, .wpcf7 .wpcf7-dynamictext, .wpcf7 .wpcf7-date, .wpcf7 .wpcf7-number{font-size: 16px; height: 53px;}
    .wpcf7 .wpcf7-textarea{font-size: 16px; height: 147px;}

    .blog-col{padding-right: 30px}
}
@media (min-width: 1200px) {
    #ultimos-projetos h2{font-size: 52px;}

    #ambiente-criativo{padding: 123px 0; min-height: 1080px;}
    #ambiente-criativo h2{font-size: 30px; line-height: 44px;}
    #ambiente-criativo h2 span{display: block; width: 246px; height: 39px; line-height: 39px; margin-bottom: 8px;}
    #ambiente-criativo h2 span:nth-child(2){width: 212px;}
    #ambiente-criativo h2 span:nth-child(3){width: 105px;}
    #ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 40%; height: 100%; background: var(--wpr-bg-43528748-87b6-4dda-bde0-14cae7e2aeb0) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-ambiente-2{display: block; position: absolute; top: 0; right: 0; width: 60%; height: 100%; background: var(--wpr-bg-ad2ae6a7-f49e-472d-83b2-db83325e79d0) top left no-repeat; background-size: cover;}

    #ambiente-criativo .bg-listras-1{display: block; position: absolute; top: 114px; left: calc(40% - 109px); width: 191px; height: 191px; background: var(--wpr-bg-86639cd2-2b60-4f47-b289-1c3805a0cbb7) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-listras-2{display: block; position: absolute; bottom: -77px; right: 0; width: 191px; height: 191px; background: var(--wpr-bg-ac7236a4-3b29-4d9e-9e43-33389116f2f0) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-x{display: block; position: absolute; bottom: -210px; left: calc(32.60% - 247px); width: 31px; height: 240px; background: var(--wpr-bg-c04a4d6f-5d93-4db9-820b-8a4e6a5b4b5e) top left no-repeat; background-size: cover;}

    #ambiente-criativo .agencia{font-size: 30px; margin-top: 80px;}

    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 190px; line-height: 1;}
    #on-e-off p{font-size: 33px; margin-top: 50px;}

    #on-e-off .folha-1{display: block; position: absolute; top: 220px; left: 0; width: 300px; height: 260px; background: var(--wpr-bg-a8ab6644-e413-4b8c-946d-34741207343b) top left no-repeat; background-size: cover; z-index: 200;}
    #on-e-off .folha-2{display: block; position: absolute; top: 128px; right: 0; width: 200px; height: 257px; background: var(--wpr-bg-0712b99e-8d40-4806-b588-92e3fa84b6e7) top left no-repeat; background-size: cover; z-index: 200;}

    #clientes{padding: 150px 0 100px;}
    #clientes h2{font-size: 42px; letter-spacing: 5px;}

    #depoimentos{padding: 100px 0;}
    #depoimentos blockquote{padding: 30px 150px 30px 0}
    #depoimentos blockquote:before{left: -60px; top: -30px;}
    #depoimentos blockquote:after{right: 80px; bottom: -50px;}
    #depoimentos blockquote:before, #depoimentos blockquote:after{font-size: 100px}

    #contato{padding: 90px 0}
    #contato h2{font-size: 48px}
    #contato .solicitar-contato{padding: 20px 15px;}
    #contato .form-contato{padding: 80px 0 0}
}
@media (min-width: 1600px) {
    #ambiente-criativo{padding: 145px 0; min-height: 1080px;}
    #ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 32.60%; height: 100%; background: url(../../../../../../../../themes/bp360-2022/assets/images/foto-ambiente-1.png) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-ambiente-2{display: block; position: absolute; top: 0; right: 0; width: 67.40%; height: 100%; background: url(../../../../../../../../themes/bp360-2022/assets/images/foto-ambiente-3.png) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-listras-1{display: block; position: absolute; top: 114px; left: calc(32.60% - 109px); width: 191px; height: 191px; background: url(../../../../../../../../themes/bp360-2022/assets/images/bg-listras.png) top left no-repeat; background-size: cover;}

    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 200px; line-height: 1;}
    #on-e-off p{font-size: 33px; margin-top: 50px;}

    #on-e-off .folha-1{display: block; position: absolute; top: 220px; left: 0; width: 375px; height: 325px; background: url(../../../../../../../../themes/bp360-2022/assets/images/folha-1.png) top left no-repeat; background-size: cover; z-index: 200;}
    #on-e-off .folha-2{display: block; position: absolute; top: 98px; right: 0; width: 230px; height: 290px; background: url(../../../../../../../../themes/bp360-2022/assets/images/folha-2.png) top left no-repeat; background-size: cover; z-index: 200;}
}
@media (min-width: 1800px) {
    .projeto .overlay-projeto{padding: 15px 100px;}
    
    #ambiente-criativo{padding: 145px 0; min-height: 1080px;}
    #ambiente-criativo .bg-ambiente-1{display: block; position: absolute; top: 0; left: 0; width: 32.60%; height: 100%; background: url(../../../../../../../../themes/bp360-2022/assets/images/foto-ambiente-1.png) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-ambiente-2{display: block; position: absolute; top: 0; right: 0; width: 67.40%; height: 100%; background: url(../../../../../../../../themes/bp360-2022/assets/images/foto-ambiente-3.png) top left no-repeat; background-size: cover;}
    #ambiente-criativo .bg-listras-1{display: block; position: absolute; top: 114px; left: calc(32.60% - 109px); width: 191px; height: 191px; background: url(../../../../../../../../themes/bp360-2022/assets/images/bg-listras.png) top left no-repeat; background-size: cover;}
    
    #on-e-off{padding: 75px 0 60px;}
    #on-e-off h2{font-size: 260px; line-height: 1;}
    #on-e-off p{font-size: 33px; margin-top: 50px;}

    #on-e-off .folha-1{display: block; position: absolute; top: 254px; left: 0; width: 454px; height: 393px; background: var(--wpr-bg-5c41720e-4a30-46b7-808c-7ec23aba17d4) top left no-repeat; background-size: cover; z-index: 200;}
    #on-e-off .folha-2{display: block; position: absolute; top: 128px; right: 0; width: 265px; height: 340px; background: var(--wpr-bg-c3f71e83-fed1-4b59-a51d-be9d772e3fa9) top left no-repeat; background-size: cover; z-index: 200;}
}