/* Theme Name: DevitaHomes Theme URI: http://agentecria.com/ Author: A Gente Cria */ @charset "utf-8"; /* CSS Document */ /*RESET*/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;veratical-align: baseline;} ul{list-style-type:none} p, li, a, button, input, textarea, option, label, span{font-family: 'Titillium Web', sans-serif;outline: none;} h1, h2, h3, h4, h5, h6{font-family: 'Titillium Web', sans-serif;font-size:18px} /* HTML5 display-role reset for older browsers */ html{font-size:15px} body{width: 100%;background:#f7f7f7} .grid-container{max-width:1024px} .texto-branco{color: #fff;} .texto-preto{color: #000;} .texto-cinza{color: #656866;} a{color: #656866;transition: all 0.2s;outline: none;} a:hover{color: #e54125;transition: all 0.2s;} a:visited{color: #656866;} a:visited:hover{color: #e54125;} a:focus{color:inherit} noscript span{margin:5rem auto;padding:3rem;display:block;font-size: 1rem;text-align: center;font-weight:bold;color: #e10b0b;border:1px solid #e10b0b;background:rgba(255,11,11,0.5)} noscript span a{font-size: 1rem;font-weight: 700;} noscript span a:hover{color:orange !important} hr{border-top:1px solid #b2afaf;border-bottom: 1px solid #fff} /* ------------- header ------------- */ header .grid-x{position: relative;} header{position:fixed;width:100%;z-index:9;border-top:5px solid #0c2645;transition: all 0.2s} header figure{display: inline-block;} header h1 img{transition: all 0.2s;} header h1 a{display:inline-block;} header nav{display:inline-block;padding: 0;margin:0;float: right;margin-right: 30px} header .menu{padding: 0;} header .menu li{padding: 0;margin:0;display: inline-block;} header .menu a{color:#fff;font-size:17px;padding:2.5rem 0.1rem 1.8rem 0;margin:0rem 1.0rem;} header .menu a:hover{color:#e54125;} header .menu a.is-active{border-bottom: 3px solid #e54125 } header.large{height:95px;background: rgba(11,38,66,0.0);} header.large h1{padding-top: 5px;margin-top: 50px} header.large h1 img{width: 225px;} header.large .menu{margin-top: 45px;} header.small{height: 75px;background: rgba(11,38,66,0.8);} header.small .menu{margin-top: 15px;} header.small h1{padding-top: 5px} header.small h1 img{width: 180px} header.small .menu a{padding:0.5rem 0.1rem 1.4rem 0;margin:0rem 1.0rem;} header.small .btRedes{} header.small .btWhatsapp{background-position:center 40px;padding:2px 20px 2px 20px;} .groupContact{display:inline-block;position:relative;top:0px;right: 50px;position: absolute;} .groupContact span{display:table;width:150px;text-align:center;position:absolute;top:0px;left:40px;border-radius: 0 0 20px 20px;padding:15px 15px 10px 15px;background-color:#0c2645;font-size:16px;font-weight:700;color:#fff;} .btRedes{display:inline-block;width:35px;height: 35px;overflow: hidden;text-indent: 5000px;position: relative;} .btWhatsapp{background: #e54125 url(imagens/icon_whatsapp.svg) center 50px no-repeat;width:26px;background-size: 26px;border-radius:0 0 22px 22px;border:2px solid #e54125;padding:60px 20px 20px 20px;} .btWhatsapp:hover{opacity: 0.7} .btFacebook{background: #0c2645 url(imagens/icon_facebook_br.svg) center no-repeat;background-size: 17px;border-radius: 50%;margin: -20px 5px 0 5px} .btFacebook:hover{opacity: 0.7} .btInstagram{background: #0c2645 url(imagens/icon_insta_br.svg) center no-repeat;background-size: 18px;border-radius: 50%;margin: -20px 5px 0 5px} .btInstagram:hover{opacity: 0.7} /* ------------- conteudo ------------- */ main.strech{overflow:hidden} /* home */ #boxBan{height:650px;overflow:visible;position:relative;box-sizing:unset !important} #boxBan *{box-sizing:unset !important;overflow:visible;} #boxBan .orbit-slide{background-position:center top;background-repeat:no-repeat;height:650px;overflow:visible;} #boxBan .groupTxt{margin-top:14rem;padding:50px;} #boxBan figure{position: relative;} #boxBan figure img{position: absolute;top: 297px} #boxBan h1{font-size:40px;color:#fff;line-height: 45px;padding: 0;font-weight: 300} #boxBan h1:after{content: none} #boxBan h1 strong{font-weight:700;} #boxBan p{font-size:18px;color:#fff;} #boxBan .orbit-slide button{outline:none;cursor:pointer;z-index:8;} #boxBan .orbit-slidebutton:hover{opacity: 0.5; filter: alpha(opacity=50); /* IE8 e anteriores */} #boxBan .orbit-previous{background:transparent url(imagens/icon_dot_prev.svg) 0 0 no-repeat;background-size:20px;height:2rem;left:3%} #boxBan .orbit-next{background:transparent url(imagens/icon_dot_next.svg) 0 0 no-repeat;background-size:20px;height:2rem;right:3%} #boxBan .orbit-bullets{z-index:8;margin-top:-4rem;} #boxBan .orbit-bullets button{ background-color:rgba(255,255,255,0.8);width:0.8rem;height:0.85rem;cursor:pointer} #boxBan .orbit-bullets button.is-active { background-color: #eab900;} /*adding animation to elements here. add each element here to animate. other wise it will not animate.*/ .animated{-webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both;-visibility:hidden;} .animated{ -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;} /*necessary css for slider*/ /* compartilhado na home e na interna */ .btLink{text-align:center;color:#0c2645 !important;background:rgba(229,65,37,1.0);margin:2.5rem 0;padding:0.6rem 2.0rem 0.4rem 2.0rem;border-radius:10px;display: table;;text-transform:uppercase;font-size:20px;} .btLink:hover{filter: brightness(80%);} section:not(#boxBan):not(#boxNewsletter){padding:6rem 0 8rem 0} section h1{font-size:40px;font-weight:700;color:#0b2645;margin:0rem 0 1rem 0;position:relative;padding-left: 45px;position: relative;} section h1:after{content: ' ';position:absolute;width:35px;height:35px;background: transparent url(imagens/icon_title.png) center center no-repeat;left: 0;top: 15px} section h2{} section h3{color:#e64f35;font-weight: 700;font-size:25px;margin:20px 0;} section h4{font-size:30px;margin:1rem 0;color: #404041} section p{font-size:16px;line-height: 28px;color: #404041;padding-bottom: 15px} section p strong{font-weight: bold;} #boxAbout{background: #f2f1f1} #boxAbout h1{margin-top: 50px} #boxValue{} #boxValue h2{text-align: center;font-size:24px;font-weight:700;color: #0b2645;margin:15px 0;} #boxValue p{text-align: center;} #boxValue figure{text-align: center;} #boxInvestiment{background: transparent url(imagens/bg_investimentos.jpg) center center no-repeat} #boxInvestiment h1{color:#fff;font-weight: 300;text-align: center;line-height:45px;padding: 0} #boxInvestiment h1:after{content: none} #boxInvestiment a{display: table;margin:20px auto;} #boxBlog{} #blog #boxBlog{padding-bottom: 0 !important} #boxBlog h1{display: table;margin:25px auto;} #boxBlog a{cursor: pointer;} #boxBlog figure{} #boxBlog img{} #boxBlog p{color:#aaaaaa;font-size:16px;margin:10px 0;} #boxBlog p strong{color:#e54125;font-weight: 700;margin-right: 10px} #boxBlog h3{color:#0b2645;margin:0;padding:0;line-height: 22px} #boxBlog h3 + p{color:#404041;line-height: 20px;padding:0 0 50px 0;} #boxBlog .btLink{display: table;margin:0 auto;} #boxTestmonials{background:#fff;} #boxTestmonials h1{display: table;margin-left:auto;margin-right:auto;color:#404041} #boxTestmonials .slick-testmonials{padding-top: 50px} #boxTestmonialss figure{transform: rotate(-45deg); } #boxTestmonialss figure img{transform: rotate(45deg); } #boxTestmonialss img{border-radius: 50%} #boxTestmonials p{padding:0 0 0 30px;} #boxTestmonials h4{display: flex;} #boxTestmonials h6{display: flex;background:transparent url(imagens/aspas_in.png) left top no-repeat;padding:0px 20px 20px 30px;} #boxTestmonials h6 cite{background:transparent url(imagens/aspas_out.png) right bottom no-repeat;padding:0px 0px 10px 0px;} #boxTestmonials h6 cite:before{content:'';} #boxTestmonials .slick-arrow{width: 50px;height:60px;opacity: 0.3} #boxTestmonials .slick-arrow:hover{opacity: 0.7} #boxTestmonials .slick-prev{background:transparent url(imagens/icon_dot_prev.svg) center no-repeat;background-size:15px;} #boxTestmonials .slick-next{background:transparent url(imagens/icon_dot_next.svg) center no-repeat;background-size:15px;} #boxTestmonials .slick-dots{position:static;margin-top: 50px;} #boxTestmonials li{border-radius: 50%;display: inline-block;padding: 13px 13px 13px 13px;width: auto;height:auto;} #boxTestmonials li.slick-active{border:1px solid #404041;} #boxTestmonials li button{background: #404041;border-radius: 50%;width: 5px;height: 5px;display: block;padding: 1px} #boxTestmonials li.slick-active button{background: #ffcb08;} #boxSimulator{background: transparent url(imagens/bg_investimentos.jpg) center center no-repeat} #boxSimulator h1{color:#fff;font-weight: 300;text-align: center;line-height:45px;padding: 0} #boxSimulator h1:after{content: none} #boxSimulator a{display: table;margin:20px auto;} #boxInvestiments{background:#fff url(imagens/bg_processo.jpg) center bottom no-repeat} #boxInvestiments h1{display: table;margin-left:auto;margin-right:auto;color:#404041} #boxInvestiments h3{color:#0b2645;font-weight: 600;font-size: 20px} #boxInvestiments p span.dot{color:#e54125;} #boxInvestiments figure{text-align: center;} #boxInvestiments .cell:last-child{} #boxInvestiments .cell:last-child h3{text-align: center;} #boxContact{background: #404041 url(imagens/bg_contato.jpg) center center no-repeat} #boxContact h1{display: table;margin-left:auto;margin-right:auto;color:#fff;} #boxContact h1:after{background: transparent url(imagens/icon_title_br.png) center center no-repeat;} #boxContact form{margin: 20px 0} #boxContact #gmap{width: 100%;height: 350px;box-shadow: rgba(1,2,2,0.3) 1px 1px 23px;margin: 20px 0} #boxContact p{color:#fff;font-size:13px;padding:5px 0 5px 20px;} #boxContact p:nth-of-type(1){background: transparent url(imagens/icon_local.svg) left center no-repeat;background-size:15px;} #boxContact p:nth-of-type(2){background: transparent url(imagens/icon_phone.svg) left center no-repeat;background-size:15px;} #boxContact p:nth-of-type(3){background: transparent url(imagens/icon_whats.svg) left center no-repeat;background-size:15px;} /* formularios */ .form input, .form textarea{border:1px solid #225b9c;border-radius:8px;background:#12365f;color: #225b9c;font-family: 'Titillium', sans-serif;font-size:14px;box-shadow: inset rgba(1,2,2,0.15) 2px 2px 5px;} .form input::-webkit-input-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form input::-moz-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form input:-ms-input-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form input::placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form textarea::-webkit-input-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form textarea::-moz-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form textarea:-ms-input-placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form textarea::placeholder{color: #fff;font-family: 'Titillium', sans-serif;font-size:14px} .form .btLink{margin:15px 0 0 0;} form div.callout{clear:both;-webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);} form div.callout span{margin:0;padding: 2px !important;font-size: 0.95em;color: #999;text-transform:uppercase;} form div.callout button.close-button span{margin:0;font-size:2rem;color:#999;} #boxTitle{background: transparent url(imagens/bg_investimentos.jpg) center center no-repeat;height: 400px} #boxTitle h1{color:#fff;font-weight: 800;text-align: center;line-height:305px;padding: 0} #boxTitle h1:after{content: none} #boxPaginacao{padding-top:0 !important;text-align: center;} #boxPaginacao h2{display: none} #boxPaginacao .pagination{text-align: center;-border:1px solid #CCC;border-radius: 5px;display: inline-block;margin:0 auto;} #boxPaginacao .pagination .nav-links{display: inline-block;text-align: center;padding-bottom: 0px;text-align: center;margin-bottom: 0px;position: relative;} #boxPaginacao .pagination .nav-links *{display:inline-block !important;position: relative;width:37px;height:37px;font-size:17px;color: #333} #boxPaginacao .pagination .nav-links .current{background: #F2F2F2;color:#333;padding-top: 2px;font-weight: 800} #boxPaginacao .pagination .nav-links .page-numbers{margin:0;padding:8px 8px 12px 8px;border-radius: 50%} #boxPaginacao .pagination .nav-links a.page-numbers:hover{opacity: 0.5;background:transparent;} #boxPaginacao .pagination .nav-links .prev{background:transparent url(imagens/icon_dot_prev.svg) center center no-repeat;filter:brightness(20%);background-size: 10px;width:28px;height:48px;text-indent: -5000rem;overflow: hidden;position: absolute;left: -50px;top:-5px;} #boxPaginacao .pagination .nav-links a.prev:hover{opacity: 0.5;background:transparent url(imagens/icon_dot_prev.svg) center center no-repeat;background-size: 13px;} #boxPaginacao .pagination .nav-links .next{background:transparent url(imagens/icon_dot_next.svg) center center no-repeat;filter:brightness(20%);background-size: 10px;width:28px;height:48px;text-indent: -5000rem;overflow: hidden;position: absolute;right:-45px;top:-5px} #boxPaginacao .pagination .nav-links a.next:hover{-opacity: 0.5;background:transparent url(imagens/icon_dot_next.svg) center center no-repeat;background-size: 13px;} article{margin:50px 0;} article h1{color:#0b2645;margin:0;padding:0;line-height: 22px;font-weight: 700;font-size:25px;margin:20px 0;} article a{cursor: pointer;} article span.txtCategoria{color:#aaaaaa;font-size:16px;margin:10px 0;} article span.txtCategoria strong{color:#e54125;font-weight: 700;margin-right: 10px} /* ------------- footer ------------- */ footer{} footer section{padding:3rem 0 !important;} footer section:first-child{background: #d4d3d3} footer section:first-child figure{text-align: center;} footer section:first-child img{width: 180px} footer section:first-child .cell:last-child{text-align: right;} footer .btRedes{opacity:0.5;background-color: #5f5f5f;background-repeat:no-repeat;background-position:center;background-size:20px;width:30px;height:30px;display: inline-block;border-radius: 50%;overflow: hidden;text-indent: 5000px;margin-left: 15px} footer .btRedes:hover{opacity: 0.3} footer .btFacebook{background-image: url(imagens/icon_facebook.svg)} footer .btInstagram{background-image: url(imagens/icon_insta.svg)} footer section:last-child{background: #091e36;padding: 2rem 0 !important} footer section:last-child p{color:#bbbbbb;font-size:13px;} footer section:last-child a{color:#bbbbbb;font-size:13px;} footer section:last-child a:hover{color:#404041;} footer section:last-child .cell:last-child p{text-align: right;} #btTopo{display: block;position:fixed;right:50px;bottom:50px;width:45px;height:45px;border-radius: 50%;background:#fff url(imagens/icon_seta_up_azul.svg) center no-repeat;background-size:18px;box-shadow:4px 0px 6px 0px rgba(0,0,0,0.16);text-indent: -5000rem;overflow: hidden;z-index: 9} #btTopo:hover{filter:grayscale(1);box-shadow:0 4px 6px 0 rgba(0,0,0,0.16);} @media screen and (max-width : 1024px){ #boxBan figure img{display: none} } @media screen and (max-width : 900px){ section:not(#boxBan):not(#boxNewsletter):not(#boxTitle){padding:4rem 0 5rem 0} #boxBan{height:600px;} #boxBan .orbit-slide{height:600px;} #boxBan .groupTxt{margin-top:10rem; } header.large h1{margin-top:15px;} /*INI config do menu mobile*/ .nav {font-weight: 900;left:0rem;width: 100%} /* menu */ .menu{display: none;position:absolute;background-color:rgba(11,38,66,0.8);width:100%;height:100vh;position: absolute !important} .menu.nav-active {display: block;top:-3rem;padding:5rem 0rem;left:0;} .menu.nav-active li{display: block;text-align: center} .menu.nav-active a{display:inline-block;text-align: center;padding:0.1rem !important;margin:1rem !important;} /*botao menu*/ .nav-mobile{cursor: pointer;position: absolute;top: 1rem;right: 1rem;height: 4rem;width: 3.2rem;border-radius: 5px;z-index:90;display: block;} .nav-mobile .line{width: 35px;height: 4px;background-color:rgba(229,65,37,1.0);display: block;margin: 5px auto; -webkit-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out; } .nav-mobile:hover{cursor: pointer;} .nav-mobile-open{border-radius: 0.5rem 0.5rem 0 0;margin-bottom: 1rem;padding:0.25rem 0.5rem 1rem 0.5rem;} .nav-mobile.is-active .line:nth-child(2){opacity: 0; } .nav-mobile.is-active .line:nth-child(1){ -webkit-transform: translateY(13px) rotate(45deg);-ms-transform: translateY(13px) rotate(45deg); -o-transform: translateY(13px) rotate(45deg);transform: translateY(13px) rotate(45deg); } .nav-mobile.is-active .line:nth-child(3){ -webkit-transform: translateY(-5px) rotate(-45deg);-ms-transform: translateY(-5px) rotate(-45deg); -o-transform: translateY(-5px) rotate(-45deg);transform: translateY(-5px) rotate(-45deg);} /*FIM config do menu mobile*/ .groupContact{display: none} } @media screen and (max-width : 640px){ section h1{font-size:2.5rem;margin:0rem 0 1rem 0;} section:not(#boxBan):not(#boxNewsletter):not(#boxTitle){padding:3rem 0 3rem 0} #boxBan{height:500px;} #boxBan .orbit-slide{height:500px;} #boxBan .groupTxt{margin-top:8rem;padding:0 0px;} #boxBan h1{font-size:30px;} #boxContact .g-recaptcha{margin:0 auto;display: table;} #boxContact .button{margin:0 auto;display: table;} footer section:first-child .cell:last-child{text-align: center;} footer section:last-child{padding:1rem 0 !important;} footer section:last-child p{text-align: center !important;padding: 0} }