html, body{ width: 100%; overflow-x: hidden; } body{ padding-top: 0px; background-color: #fff; } p, a, h1, h2, h3, h4, h5, h6, li, small, span, label, font, input, button, textarea, select{ margin: 0px; padding: 0px; text-decoration: none !important; } a { text-decoration: none; } .bloco{ width: 100%; } /*font-family: 'Catamaran', sans-serif; font-family: 'Montserrat', sans-serif;*/ .navbar{ min-height: 80px; } .navbar-default{ border:none; background-color: transparent; } .navbar-default .navbar-header{ } .navbar-default .navbar-header .navbar-brand{ padding-top: 5px; } .navbar-default img{ margin-top: 4px; width: 150px; } .navbar-nav{ margin-top: 18px; } .navbar-nav > li > .dropdown-menu{ background-color: #b61315; color: #fff; border-radius: 0; padding: 0px; min-width: 190px; left: -10px; top: 40px; } .navbar-nav > li > .dropdown-menu a{ color: #fff; padding: 8px 20px; text-transform: uppercase; font-size: 14px; font-weight: 500; border-bottom: 1px solid #cc1517; } .navbar-nav > li > .dropdown-menu a:hover{ background-color: #cc1517; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{ background-color: transparent; } .navbar-default .navbar-nav > li{ } .navbar-default .navbar-nav > li.dropdown span{ color: #00434C; } .navbar-default .navbar-nav > li > a { color: white !important; font-size: 17px; font-weight: 700; font-family: 'Catamaran', sans-serif; padding: 15px 2px; padding-bottom: 31px !important; margin-right: 18px; } .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{ opacity: 0.7; } .navbar-toggle{ margin-top: 14px; border: none; border-color: #fff !important; background-color: #00434C; } .navbar-default .navbar-toggle .icon-bar{ background-color: #fff !important; } .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{ background-color: #00434C; opacity: 0.9; } .navbar-default .navbar-collapse{ border: none; text-align: center; box-shadow: none; } .navbar-default .navbar-collapse .navbar{ margin-top: 5px; } .iconsnavbar .svg { fill: black !important; width: 18px; } .iconsnavbar { display: inline-block !important; padding-top: 14px !important; margin-right: 2px !important; } .bg-img { background-size: cover; background-position: center; } .mynavbar { position: absolute !important; box-shadow: none; background-color: transparent !important; } .navbar .container { border-bottom: 1px solid rgba(255,255,255,0.2); } .bg-branco { background-color: white; box-shadow: 0 0px 5px 2px rgba(0,0,0,0.3); transition: 0.4s; } .bg-branco.navbar-default .navbar-nav > li > a { color: black !important; } .bg-branco li a:hover { opacity: 0.5 !important; } .bordernone { border:none !important; } .index #carousel-banner-topo .carousel-inner .bannercentro .centralizarleft{ } .centralizarleft { position: absolute; top: 50%; left: 34%; transform: translateY(-50%) translateX(-50%); width: 25%; } .centralizarright { position: absolute; top: 50%; left: 67%; transform: translateY(-50%) translateX(-50%); width: 25%; } .index #carousel-banner-topo .carousel-inner .item{ background-position: center; background-size: cover; background-repeat: no-repeat; } .index #carousel-banner-topo .carousel-inner .item h4 { font-family: 'Montserrat', serif; font-size: 26px; color: white; font-weight: 500; } .index #carousel-banner-topo .carousel-inner .item p { font-family: 'Catamaran', serif; font-size: 16px; color: white; font-weight: 500; } .index #carousel-banner-topo .carousel-inner .item a { text-decoration: none; padding: 5px 20px; background-color: transparent; border-radius: 5px; border: 1px solid white; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .2s; } .index #carousel-banner-topo .carousel-inner .item a:hover { color: #70C1D1; background-color: white; } .index #carousel-banner-topo .carousel-indicators li { border-radius: 50px; width: 50px; height: 7px; background-color: #70C1D1; border: none; margin-bottom: 0px; } .index #carousel-banner-topo .carousel-indicators .active { background-color: white; width: 70px; } .index#maneiradepensar { background-color: #178290; padding-top: 34px; padding-bottom: 34px; } .index#maneiradepensar h4{ font-family: 'Montserrat', sans-serif; font-size: 32px; color: white; margin-bottom: 8px; font-weight: 700; } .index#maneiradepensar h5{ font-family: 'Montserrat', sans-serif; font-size: 24px; color: white; font-weight: 500; } .index#parceria { padding-top: 80px; padding-bottom:80px; } .index#parceria .border{ transition: 0.2s; padding-top: 30px; padding-bottom: 30px; padding-left: 10px; padding-right: 10px; -webkit-box-shadow: 0px 0px 17px -10px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 17px -10px rgba(0,0,0,0.75); box-shadow: 0px 0px 17px -10px rgba(0,0,0,0.75); } .index#parceria .border .img-parceiro{ background-size: contain; background-position: center; position: relative; } .index#parceria .border .img-parceiro img { top: 50%; left:50%; transform: translateX(-50%) translateY(-50%); position: absolute; } .index#parceria .border h4 { font-family: 'Montserrat', sans-serif; font-size: 19px; color: #178290; font-weight: 700; margin-bottom: 10px; } .index#parceria .border p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444444 ; font-weight: 500; } .index#parceria .border .botao a { text-decoration: none; padding: 5px 27px; background-color: #178290; border-radius: 5px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .4s; } .index#parceria .border .botao a:hover { background-color: transparent; color: #178290; } .index#ecops { padding-top: 30px; padding-bottom: 30px; } .index#ecops .textoecops { margin-left: 20%; } .index#ecops .textoecops img { margin-bottom: 20px; margin-top: 30px; } .index#ecops .textoecops p{ font-family: 'Catamaran', sans-serif; font-size: 17px; color: white ; font-weight: 500; } .index#ecops .textoecops a{ text-decoration: none; padding: 5px 20px; background-color: transparent; border-radius: 5px; border: 1px solid white; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .4s; } .index#ecops .textoecops a:hover { background-color: white; color: #178290; } .index#ecops .bg-video{ padding-top: 60px; background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 113, 219, 1) 0%,rgba(0, 145, 219, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(0, 113, 219, 1) ),color-stop(1,rgba(0, 145, 219, 1) )); background : -o-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -ms-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB', endColorstr='#0091DB' ,GradientType=0)"; background : linear-gradient(90deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB',endColorstr='#0091DB' , GradientType=1); } .index#ecops .video{ background-image: url('../img/bg-video-2.jpg'); position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; position: relative; } .index#ecops .video iframe{ width: 100%; display: none; } .index#ecops .video .svg{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 70px; transition: .2s; } .index#ecops .video:hover .svg{ opacity: 0.5; transition: .2s; } .index#sobre { background-color: #F9F9F9; } .index#sobre .bg-escritorio { background-repeat: no-repeat; background-size: cover; } .index#sobre .col-sm-6 { padding-left: 0px; padding-right: 0px; position: relative; } .index#sobre .sobrenos { padding-top: 100px; padding-bottom: 100px; margin-left: 70px; width: 70%; } .index#sobre .sobrenos h3 { font-family: 'Montserrat', serif; font-size: 26px; font-weight: 700; color: #178290; margin-bottom: 30px; } .index#sobre .sobrenos p { font-family: 'Catamaran', serif; font-size: 16px; color: #444444; margin-bottom: 20px; } .index#sobre .sobrenos .icons img{ margin-right: 15px; margin-bottom: 20px; } .index#sobre .sobrenos a { color: #185778; text-decoration: none; font-family: 'Catamaran', serif; font-weight: 700; padding-bottom: 50px; } .index#sobre .conheca a { text-decoration: none; padding: 5px 40px; background-color: #178290; border-radius: 5px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .4s; } .index#sobre .conheca a:hover { background-color: transparent; color: #178290; } .index#sobre .bg-sobre { background-position: center; background-size: cover; } .index#clientes { padding-top: 70px; padding-bottom: 70px; } .index#clientes h3{ font-family: 'Montserrat', serif; font-size: 32px; font-weight: 700; color: #178290; margin-bottom: 30px; text-transform: uppercase; } .index#clientes p{ font-family: 'Catamaran', serif; font-size: 16px; color: #444444; margin-bottom: 20px; padding-left: 15%; padding-right: 15%; } .index#clientes .clienteslogos{ margin-top: 60px; } .index#clientes .clienteslogos .envolvelogo { width: 80%; display: inline-block; position: relative; } .index#clientes .clienteslogos .envolvelogo img { max-width: 80%; max-height: 80%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: relative; filter: grayscale(100%); opacity: 0.5; transition: .1s; } .index#clientes .clienteslogos .envolvelogo img:hover { filter: none; opacity: 1; } .glyphicon-chevron-right:before { content: url("../img/angle-right-solid.svg"); } .glyphicon-chevron-left:before { content: url("../img/angle-left-solid.svg"); } .carousel-control .glyphicon-chevron-left { width: 21px; margin-top: -14px; left: -68px; } .carousel-control .glyphicon-chevron-right { width: 21px; margin-top: -14px; right: -25px; } .index#clientes .clienteslogos .carousel-control { width: 0px; } .index#clientes .clienteslogos .carousel-control.left { background-image: none; } .index#clientes .clienteslogos .carousel-control.right { background-image: none; } .index#clientes .botaoconhecaclientes { } .index#clientes .botaoconhecaclientes a { text-decoration: none; padding: 5px 40px; background-color: #178290; border-radius: 5px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 60px; transition: .4s; } .index#clientes .botaoconhecaclientes a:hover { background-color: transparent; color: #178290; } .index#depoimentos { background-position: center; background-size: cover; padding-top: 30px; padding-bottom: 30px; } .index#depoimentos h4 { font-family: 'Montserrat', serif; font-size: 32px; font-weight: 700; color: white; margin-bottom: 30px; text-transform: uppercase; } .index #depoimentoscarousel .carousel-indicators { margin-bottom: -40px; } .index #depoimentoscarousel .carousel-indicators li { border-radius: 50px; width: 50px; height: 7px; background-color: #70C1D1; border: none; margin-bottom: 0px; } .index #depoimentoscarousel .carousel-indicators .active { background-color: white; width: 70px; } .index #depoimentoscarousel .item { width: 50%; margin-left: auto; margin-right: auto; } .index #depoimentoscarousel .item p{ font-family: 'Catamaran', sans-serif; font-size: 17px; color: white ; font-weight: 500; margin-bottom: 20px; } .index #depoimentoscarousel .item h6{ font-family: 'Catamaran', sans-serif; font-size: 17px; color: white ; font-weight: 500; } .index #depoimentoscarousel .item h5{ font-family: 'Catamaran', sans-serif; font-size: 18px; color: white ; font-weight: 800; } .index #depoimentoscarousel .item a{ text-decoration: none; padding: 5px 20px; background-color: transparent; border-radius: 5px; border: 1px solid white; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .4s; margin-bottom: 50px; } .index #depoimentoscarousel .item a:hover { background-color: white; color: #00434C; } .index #depoimentoscarousel .imgdepoimento { margin-bottom: 20px; } .index #depoimentoscarousel .imgdepoimento .img { max-width: 100px; border-radius: 50px; height: 100px; background-size: cover; background-position: center; } .index#blog { padding-top: 70px; padding-bottom: 70px; } .index#blog h3{ font-family: 'Montserrat', serif; font-size: 32px; font-weight: 700; color: #178290; margin-bottom: 30px; text-transform: uppercase; } .index#blog .img-blog { background-position: center; background-size: cover; margin-bottom: 12px; } .index#blog h4{ font-family: 'Montserrat', sans-serif; font-size: 16px; line-height: 1.3em; color: #178290 ; font-weight: 400; } .index#blog .botaoblog { text-decoration: none; padding: 5px 40px; background-color: #178290; border-radius: 5px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; margin-top: 60px; transition: .4s; } .index#blog .botaoblog:hover { background-color: transparent; color: #178290; } .index#blog a { text-decoration: none; } .index#blog a:hover h4 { opacity: 0.5; } #principal { margin-top: 80px; padding-top: 100px; padding-bottom: 80px; background-size: cover; background-position: center; } #principal h4 { font-family: 'Montserrat', sans-serif; font-size: 32px; color: white ; font-weight: 700; margin-bottom: 10px; } #principal h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: white ; font-weight: 500; } #principal h5 a { color: white; } #principal h5 a:hover { opacity: 0.5; } .ouvidoria#ouvidoriaform { padding-top: 80px; padding-bottom: 120px; } .ouvidoria#ouvidoriaform p { margin-bottom: 40px; font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444 ; font-weight: 500; } .ouvidoria#ouvidoriaform input { margin-bottom: 20px; border-radius: 0px; outline: none; box-shadow: none; } .ouvidoria#ouvidoriaform input::placeholder { color: black; } .ouvidoria#ouvidoriaform input:focus { border-color: #cccc; } .ouvidoria#ouvidoriaform textarea:focus { border-color: #cccc; } .ouvidoria#ouvidoriaform #mensagemanonima { margin-right: 5px; margin-top: 5px; } .ouvidoria#ouvidoriaform textarea { border-radius: 0px; resize: none; height: 150px; margin-bottom: 20px; outline: none; box-shadow: none; } .ouvidoria#ouvidoriaform textarea::placeholder { color: black ; } .ouvidoria#ouvidoriaform label { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444 ; font-weight: 500; margin-top: 7px; } .ouvidoria#ouvidoriaform label a { background-color: #E2E2E2; padding: 0px 6px; border-radius: 50px; font-size: 12px; color: white; font-weight: 800; margin-bottom: 2px; display: inline-block; } .ouvidoria#ouvidoriaform button { text-decoration: none; padding: 5px 40px; background-color: #178290; border-radius: 5px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; display: inline-block; transition: .4s; } .ouvidoria#ouvidoriaform button:hover { background-color: transparent; color: #178290; } .blog#principal { background-size: cover; background-position: center; } .blog#principal h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: white; } .blog#principal .svg { width: 15px !important; } .blog#conteudo .imgdoblog { background-size: cover; background-position: center; margin-bottom: 15px; } .blog#conteudo .central { margin-top: 55px; } .blog#conteudo .central h2{ margin-top: 15px; } .blog#conteudo .central h5 { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444444; font-weight: 500; margin-top: 10px; } .blog#conteudo .central h5 i { color: #178290; } .blog#conteudo .central h5 .svg { width: 10px; margin-right: 5px; margin-top: 5px; } .blog#conteudo .central h5 .svg path { fill: #178290 !important; } .blog#conteudo .central .textoblog { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444444; font-weight: 600; margin-top: 10px; text-align: justify; } .blog#conteudo .central hr { margin-bottom: 50px; } .blog#conteudo h3 { font-family: 'Montserrat', sans-serif; font-size: 32px; color: #178290; text-transform: uppercase; font-weight: 600; margin-top: 80px; } .blog#conteudo .central .leia { display: inline-block; margin-top: 20px; margin-bottom: 40px; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white; background-color: #178290; border-radius: 5px; padding: 5px 30px; font-weight: 700; text-decoration: none; border:1px solid #178290; transition: .3s; } .blog#conteudo .central .leia:hover { background-color: transparent; color: #178290; } .blog#conteudo .lateral h4 { font-family: 'Montserrat', sans-serif; font-size: 25px; color: #178290; font-weight: 700; margin-bottom: 20px; } .blog#conteudo .lateral h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #178290; font-weight: 600; } .blog#conteudo .lateral { margin-top: 55px; } .blog#conteudo .lateral a:hover h5 { opacity: 0.5; } .blog#conteudo .central h2 { font-family: 'Montserrat', sans-serif; font-size: 21px; color: #178290; font-weight: 600; margin-bottom: 10px; } .blog#conteudo .central p { font-family: 'Catamaran', sans-serif; font-size: 14px; color: #434142; margin-top: 20px; margin-bottom: 50px; } .blog-post#conteudo .central p{ margin-bottom: 0px; } .pagination { background-color: #dbdbdb; padding: 5px 11px; border-radius: 5px; color: white; text-align: center; margin-bottom: 50px; margin-left: 2px; margin-right: 2px; } .pagination:hover { text-decoration: none; color: black; opacity: 0.8; } .paginacao .active { background-color: #178290 !important; border-radius: 5px; } .sempadding { padding: 0px; } .blog#conteudo .relacionados { margin-bottom: 50px; } .blog#conteudo .relacionados h5 { font-family: 'Montserrat', sans-serif; font-size: 21px; color: #178290; font-weight: 600; margin-bottom: 50px; } .blog#conteudo .relacionados h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #178290; font-weight: 600; margin-top: 10px; } .blog#conteudo .relacionados a:hover h4 { opacity: 0.5; } .blog#conteudo .imgoutrasnoticias { background-size: cover; background-position: center; } .blog#conteudo .central .img-blog-2 { background-size: cover; background-position: center; margin-bottom: 20px; filter: brightness(70%); margin-bottom: 100px; } .blog#conteudo .central .img-blog-2:hover img { display: block; transition: .5s; } .blog#conteudo .central .img-blog-2 img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: none; } .imprensa#principal { background-size: cover; background-position: center; } .imprensa#principal h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: white; } .imprensa#principal .svg { width: 15px !important; } .imprensa#conteudo{ padding-bottom: 50px; } .imprensa#conteudo .imgimprensa { background-size: cover; background-position: center; margin-bottom: 15px; } .imprensa#conteudo .central { margin-top: 55px; } .imprensa#conteudo .central h2{ margin-top: 15px; } .imprensa#conteudo .central h5 { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444444; font-weight: 500; margin-top: 10px; } .imprensa#conteudo .central h5 i { color: #178290; } .imprensa#conteudo .central h5 .svg { width: 10px; margin-right: 5px; margin-top: 5px; } .imprensa#conteudo .central h5 .svg path { fill: #178290 !important; } .imprensa#conteudo .central .textoblog { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #444444; font-weight: 600; margin-top: 10px; } .imprensa#conteudo .central hr { margin-bottom: 50px; } .imprensa#conteudo h3 { font-family: 'Montserrat', sans-serif; font-size: 32px; color: #178290; text-transform: uppercase; font-weight: 600; margin-top: 80px; } .imprensa#conteudo .central .leia { display: inline-block; margin-top: 20px; margin-bottom: 40px; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white; background-color: #178290; border-radius: 5px; padding: 5px 30px; font-weight: 700; text-decoration: none; border:1px solid #178290; transition: .3s; } .imprensa#conteudo .central .leia:hover { background-color: transparent; color: #178290; } .imprensa#conteudo .central .img-imprensa-2 { background-size: cover; background-position: center; margin-bottom: 20px; filter: brightness(70%); } .imprensa#conteudo .central .img-imprensa-2:hover img { display: block; transition: .5s; } .imprensa#conteudo .central .img-imprensa-2 img { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: none; } .imprensa#conteudo .central h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #178290; font-weight: 700; margin-bottom: 5px; } .imprensa#conteudo .lateral h4 { font-family: 'Montserrat', sans-serif; font-size: 25px; color: #178290; font-weight: 700; margin-bottom: 20px; } .imprensa#conteudo .lateral h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #178290; font-weight: 600; } .imprensa#conteudo .lateral { margin-top: 55px; } .imprensa#conteudo .lateral a:hover h5 { opacity: 0.5; } .imprensa#conteudo .central h2 { font-family: 'Montserrat', sans-serif; font-size: 21px; color: #178290; font-weight: 600; margin-bottom: 10px; } .imprensa#conteudo .central p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; margin-top: 12px; margin-bottom: 0px; } .imprensa#conteudo .galeria{ } .imprensa#conteudo .galeria h4{ font-size: 22px; } .imprensa#conteudo .galeria .row{ margin: 0 -10px; } .imprensa#conteudo .galeria .item{ margin-bottom: 20px; padding: 010px; } .imprensa#conteudo .galeria .item a.bg-img-galeria{ background-position: center; position: relative; width: 100%; display: inline-block; background-size: cover; background-repeat: no-repeat; cursor: pointer; } .imprensa#conteudo .galeria .item a.bg-img-galeria .hover{ background-color: rgba(0,0,0,.5); width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0; transition: .2s; } .imprensa#conteudo .galeria .item a.bg-img-galeria:hover .hover{ opacity: 1; transition: .3s; } .imprensa#conteudo .central .fontes { padding-bottom: 50px; padding-top: 30px; } .imprensa#conteudo .central .fontes hr { margin-bottom: 5px; margin-top: 5px; border: .5px solid #ccc; } .imprensa#conteudo .central .fontes p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #CCCC; font-weight: 700; background-color: #F9F9F9; padding: 20px 10px; } .imprensa#conteudo .central .fontes span { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #178290; font-weight: 700; } .pagination { background-color: #dbdbdb; padding: 5px 11px; border-radius: 5px; color: white; text-align: center; margin-bottom: 50px; margin-left: 2px; margin-right: 2px; } .pagination:hover { text-decoration: none; color: black; opacity: 0.8; } .paginacao .active { background-color: #178290 !important; border-radius: 5px; } .sempadding { padding: 0px; } .imprensa#conteudo .relacionados { margin-bottom: 50px; } .imprensa#conteudo .relacionados h5 { font-family: 'Montserrat', sans-serif; font-size: 21px; color: #178290; font-weight: 600; margin-bottom: 50px; } .imprensa#conteudo .relacionados h4 { font-family: 'Montserrat', sans-serif; font-size: 16px; color: #178290; font-weight: 600; margin-top: 10px; } .imprensa#conteudo .relacionados a:hover h4 { opacity: 0.5; } .imprensa#conteudo .imgoutrasnoticias { background-size: cover; background-position: center; } .miniimg2 { background-position: center; background-size: cover; } .clientes#clientes h4 { font-family: 'Montserrat', sans-serif; font-size: 25px; color: #178290; font-weight: 700; margin-top: 100px; margin-bottom: 50px; display: block; } .clientes#clientes .envolvelogo { width: 80%; display: inline-block; position: relative; margin-bottom: 40px; height: 100px; } .clientes#clientes .envolvelogo img { max-width: 80%; max-height: 80%; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); position: relative; filter: grayscale(100%); opacity: 0.5; transition: .1s; } .clientes#clientes .envolvelogo img:hover { filter: none; opacity: 1; } .parceiros#parceiros { margin-top: 70px; margin-bottom: 70px; } .parceiros#parceiros .bordaparceiros { -webkit-box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); padding: 20px 20px; position: relative; border-top:6px solid #FF3140; border-radius: 3px; } .parceiros#parceiros .bordaparceiros .envolvelogo { max-width: ; } .parceiros#parceiros .bordaparceiros .envolvelogo img { max-width: 80%; max-height: 80%; position: relative; top: 50%; transform: translateY(-50%); } .parceiros#parceiros .bordaparceiros p { font-family: 'Catamaran', sans-serif; font-size: 14px; color: #434142; margin-bottom: 50px; text-align: justify; } .parceiros#parceiros .bordaparceiros h4 { font-family: 'Montserrat', sans-serif; font-size: 21px; color: #178290; font-weight: 700; margin-bottom: 10px; } .parceiros#parceiros .bordaparceiros a{ position: absolute; bottom: 20px; left: 50%; transform: translateX(-50%); background-color: #178290; padding: 3px 30px; border:1px solid #178290; color: white; border-radius: 5px; transition: .3s; } .parceiros#parceiros .bordaparceiros a:hover { background-color: transparent; color: #178290; } .oracle#oracle { padding-top: 80px; padding-bottom: 80px; } .oracle#oracle img { margin-top: 0px; } .oracle#oracle p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; font-weight: 500; text-align: justify; } .oracle#oracle h5 { font-family: 'Montserrat', sans-serif; font-size: 19px; color: #178290; font-weight: 700; margin-top: 15px; margin-bottom: 15px; } .oracle#solucoes { padding-top: 80px; padding-bottom: 60px; background-color: #F9F9F9; } .oracle#solucoes h4 { font-family: 'Montserrat', sans-serif; font-size: 28px; color: #178290; font-weight: 700; margin-bottom: 60px; } .oracle#solucoes h5 { font-family: 'Montserrat', sans-serif; font-size: 19px; color: black; font-weight: 500; margin-bottom: 80px; } .oracle#solucoes .svg { width: 50px; margin-bottom: 15px; } .parceirospage#principalinfo { padding-top: 80px; padding-bottom: 80px; } .parceirospage#principalinfo h5{ font-family: 'Montserrat', sans-serif; font-size: 19px; color: #178290; font-weight: 700; margin-top: 15px; margin-bottom: 15px; } .parceirospage#principalinfo p{ font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; font-weight: 500; text-align: justify; } .parceirospage#principalinfo .bord img { max-width: 80%; max-height: 80% } .parceirospage#solucoes { padding-top: 80px; padding-bottom: 60px; background-color: #F9F9F9; } .parceirospage#solucoes h4 { font-family: 'Montserrat', sans-serif; font-size: 28px; color: #178290; font-weight: 700; margin-bottom: 60px; text-transform: uppercase; } .parceirospage#solucoes h5 { font-family: 'Montserrat', sans-serif; font-size: 19px; color: black; font-weight: 500; margin-bottom: 80px; padding-left: 20px; padding-right: 20px; } .parceirospage#solucoes .svg { width: 50px; margin-bottom: 15px; } .dynatrace#dynatrace { padding-top: 80px; padding-bottom: 80px; } .dynatrace#dynatrace h5{ font-family: 'Montserrat', sans-serif; font-size: 19px; color: #178290; font-weight: 700; margin-top: 15px; margin-bottom: 15px; } .dynatrace#dynatrace p{ font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; font-weight: 500; text-align: justify; } .dynatrace#solucoes { padding-top: 80px; padding-bottom: 60px; background-color: #F9F9F9; } .dynatrace#dynatrace img { width: 300px; } .dynatrace#solucoes h4 { font-family: 'Montserrat', sans-serif; font-size: 28px; color: #178290; font-weight: 700; margin-bottom: 60px; } .dynatrace#solucoes h5 { font-family: 'Montserrat', sans-serif; font-size: 19px; color: black; font-weight: 500; margin-bottom: 80px; } .dynatrace#solucoes .svg { width: 50px; margin-bottom: 15px; } .dbadmin#principal img{ width: 100px; position: absolute; top: 90px; left: 50%; transform: translateX(-50%); } .dbadmin#dbadmin { padding-top: 120px; padding-bottom: 80px; } .dbadmin#dbadmin h5{ font-family: 'Montserrat', sans-serif; font-size: 19px; color: #178290; font-weight: 700; margin-top: 15px; margin-bottom: 15px; text-align: justify; } .dbadmin#dbadmin p{ font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; font-weight: 500; text-align: justify; } .dbadmin#dbadmin a { background-color: #178290; color: white; padding: 5px 10px; font-family: 'Catamaran', sans-serif; font-size: 16px; border-radius: 5px; font-weight: 700; margin-top: 20px; display: inline-block; border: solid 1px #178290; } .dbadmin#dbadmin a:hover { background-color: transparent; color: #178290; } .dbadmin#solucoes .bordaa { border-radius: 5px 5px; padding-top: 20px; padding-bottom: 40px; -webkit-box-shadow: 0px 0px 37px -27px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 37px -27px rgba(0,0,0,0.75); box-shadow: 0px 0px 37px -27px rgba(0,0,0,0.75); } .dbadmin#solucoes .bordaa img { margin-bottom: 20px; } .dbadmin#solucoes .bordacimaroxo{ border-top: 7px solid #AF58BA; color: #AF58BA; } .dbadmin#solucoes .bordacimaazul{ border-top: 7px solid #40637F; color: #40637F; } .dbadmin#solucoes .bordacimaazulclaro{ border-top: 7px solid #2980B9; color: #2980B9; } .dbadmin#solucoes .bordacimaverde{ border-top: 7px solid #16A085; color: #16A085; fill: #16A085; } .dbadmin#solucoes .bordacimaamarela{ border-top: 7px solid #FFA400; color: #FFA400; fill: #16A085; padding: 20px 5px; } .dbadmin#solucoes { padding-top: 80px; padding-bottom: 80px; } .dbadmin#solucoes h4 { font-family: 'Montserrat', sans-serif; font-size: 28px; color: #178290; font-weight: 700; margin-bottom: 60px; } .dbadmin#solucoes h5 { font-family: 'Montserrat', sans-serif; font-size: 16px; font-weight: 700; } .dbadmin#solucoes a { color: white; background-color: #178290; padding: 5px 35px; border-radius: 5px; display: inline-block; margin-top: 40px; margin-bottom: 10px; border:1px solid #178290; transition: .4s; font-family: 'Catamaran', sans-serif; font-size: 16px; } .dbadmin#solucoes a:hover { color:#178290 ; background-color:white ; } .dbadmin#solucoes .svg { width: 50px; margin-bottom: 15px; } .sobre#sobre { padding-top: 80px; padding-bottom: 80px; } .sobre#sobre h4 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 800; color: #178290; margin-bottom: 20px; } .sobre#sobre h5 { font-family: 'Montserrat', serif; font-size: 17px; font-weight: 500; color: #178290; margin-bottom: 15px; margin-top: 15px; line-height: 20px; border-left: 3px solid #178290; padding-left: 20px; margin-right: 20px; } .sobre#sobre p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; text-align: justify; } .sobre#sobre .img-quem-somos{ background-position: center; background-size: cover; background-repeat: no-repeat; } .sobre#sobre .minicons { margin-top: 40px; } .sobre#videosobre h3 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 700; color: white; text-transform: uppercase; text-align: center; margin-bottom: 30px; } .sobre#videosobre h5 { font-family: 'Catamaran', serif; font-size: 18px; font-weight: 500; color: black; width: 70%; text-align: center; display: block; margin-left: auto; margin-right: auto; margin-top: 30px; } .sobre#videosobre { padding-top: 80px; padding-bottom: 80px; background-position: center; background-size: cover; } .sobre#videosobre .bg-video{ padding-top: 60px; background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 113, 219, 1) 0%,rgba(0, 145, 219, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(0, 113, 219, 1) ),color-stop(1,rgba(0, 145, 219, 1) )); background : -o-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -ms-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB', endColorstr='#0091DB' ,GradientType=0)"; background : linear-gradient(90deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB',endColorstr='#0091DB' , GradientType=1); } .sobre#videosobre .video{ background-image: url('../img/bg-video-2.jpg'); position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; position: relative; } .sobre#videosobre .video iframe{ width: 100%; display: none; } .sobre#videosobre .video .svg{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 70px; transition: .2s; } .sobre#videosobre .video:hover .svg{ opacity: 0.5; transition: .2s; } .sobre#nossaequipe .texto-nossaequipe h4 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 700; color: #178290; text-transform: uppercase; margin-bottom: 10px; } .sobre#nossaequipe .texto-nossaequipe p { font-family: 'Catamaran', serif; font-size: 18px; font-weight: 400; color: #444444; } .sobre#nossaequipe .imgsobresobre{ background-position: center; background-size: cover; background-repeat: no-repeat; } .sobre#nossaequipe .centralizar { position: relative; top:110px; } .sobre#local { position: relative; } .sobre#mapa { height: 300px; } .sobre#local .ondestamos { position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); width: 600px; height: 200px; background-color: white; padding: 40px; } .sobre#local .ondestamos h3 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 700; color: #178290; text-align: center; text-transform: uppercase; margin-bottom: 20px; margin-top: 20px; } .sobre#local .ondestamos p { font-family: 'Catamaran', serif; font-size: 18px; font-weight: 400; color: #444444; text-align: center; } .sobre#local .ondestamos img { position: absolute; top: -30px; left: 50%; transform: translateX(-50%); } .linhadotempo { padding-top: 70px; padding-bottom: 70px; } .linhadotempo .page-header h3 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 800; color: #178290; margin-bottom: 20px; text-transform: uppercase; text-align: center; } .linhadotempo .page-header { border-bottom: none; } /** timeline box structure **/ .linhadotempo .timeline { list-style: none; padding: 0px 0 0px; position: relative; } .linhadotempo .timeline:before { top: 0; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #178290; left: 50%; margin-left: -1.5px; } .linhadotempo .tldate { display: block; width: 500px; background: white; border: 3px solid white; color: #178290; margin: 0 auto; padding: 3px 0; font-weight: bold; text-align: center; font-size: 19px; } .linhadotempo .timeline li { margin-bottom: 25px; position: relative; } .linhadotempo .timeline li:before, .timeline li:after { content: " "; display: table; } .linhadotempo .timeline li:after { clear: both; } .linhadotempo .timeline li:before, .timeline li:after { content: " "; display: table; } /** timeline panels **/ .linhadotempo .timeline li .timeline-panel { width: 48%; float: left; background: #F1F1F1; border: 1px solid #d4d4d4; padding: 20px; position: relative; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; -webkit-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.15); } /** panel arrows **/ .linhadotempo .timeline li .timeline-panel:before { position: absolute; top: 0px; right: -15px; display: inline-block; border-top: 15px solid transparent; border-left: 15px solid #ccc; border-right: 0 solid #ccc; border-bottom: 15px solid transparent; content: " "; } .linhadotempo .timeline li .timeline-panel:after { position: absolute; top: 1px; right: -14px; display: inline-block; border-top: 14px solid transparent; border-left: 14px solid #F1F1F1; border-right: 0 solid #F1F1F1; border-bottom: 14px solid transparent; content: " "; } .linhadotempo .timeline li .timeline-panel.noarrow:before, .timeline li .timeline-panel.noarrow:after { top:0; right:0; display: none; border: 0; } .linhadotempo .timeline .direita{ text-align: right; } .linhadotempo .timeline li.timeline-inverted .timeline-panel { float: right; } .linhadotempo .timeline li.timeline-inverted .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .linhadotempo .timeline li.timeline-inverted .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } /** timeline circle icons **/ .linhadotempo .timeline li .tl-circ { position: absolute; top: 10px; left: 50%; text-align: center; background: #8CC0CF; color: #fff; width: 12px; height: 12px; line-height: 35px; margin-left: -6px; border: 3px solid #8CC0CF; border-top-right-radius: 50%; border-top-left-radius: 50%; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; z-index: 999; } /** timeline content **/ .linhadotempo .tl-heading h4 { margin: 0; font-family: 'Montserrat', serif; font-size: 28px; font-weight: 800; color: #0E383F; margin-bottom: 7px; } .linhadotempo .tl-body p, .tl-body ul { margin-bottom: 0; } .linhadotempo .tl-body > p + p { margin-top: 5px; } .solucoes#parceria { background-color: #F9F9F9; padding-top: 60px; padding-bottom: 60px; } .solucoes#parceria h4 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 700; color: #178290; text-transform: uppercase; margin-bottom: 30px; } .solucoes#parceria p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; } .solucoes#solucoes { padding-top: 60px; padding-bottom: 60px; } .solucoes#solucoes h5 { font-family: 'Montserrat', serif; font-size: 21px; font-weight: 700; color: #178290; margin-bottom: 60px; } .solucoes#solucoes .solucao0 { margin-bottom: 50px; } .solucoes#solucoes .solucao0 img { margin-bottom: 10px; } .solucoes#solucoes .solucao0 h6 { font-family: 'Montserrat', serif; font-size: 21px; font-weight: 800; color: #0E383F; } .servicos#servicos { padding-top: 70px; padding-bottom: 70px; } .servicos#servicos .item { -webkit-box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); box-shadow: 0px 1px 26px -15px rgba(0,0,0,0.75); padding: 20px 15px; padding-top: 20px; padding-bottom: 60px; margin-bottom: 50px; transition: 0.3s; } .servicos#servicos .item:hover { border-top: 12px solid !important; background-color: #F9F9F9; } .servicos#servicos .item:hover img { width: 70px; } .servicos#servicos .item{ border-radius: 5px 5px; } .servicos#servicos .item.amarelo{ color: #FFA400; border-top: 7px solid #FFA400; } .servicos#servicos .item.azul { color: #0081BC; border-top: 7px solid #0081BC; } .servicos#servicos .item.azulescuro { color: #23485F; border-top: 7px solid #23485F; } .servicos#servicos .item.verde { color: #00A285; border-top: 7px solid #00A285; } .servicos#servicos .item.vermelho { color: #C0392B; border-top: 7px solid #C0392B; } .servicos#servicos .item.roxo { color: #AF58BA; border-top: 7px solid #AF58BA; } .servicos#servicos .item.laranja { color: #D8661B; border-top: 7px solid #D8661B; } .servicos#servicos h5 { font-family: 'Montserrat', serif; font-size: 19px; font-weight: 800; margin-bottom: 20px; } .servicos#servicos p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; margin-bottom: 40px; text-align: justify; } .servicos#servicos a { background-color: #178290; color: white; border:1px solid #178290; padding: 5px 40px; font-size: 16px; font-family: 'Catamaran', sans-serif; border-radius: 5px; display: inline-block; margin-bottom: 20px; position: absolute; bottom: 60px; left: 50%; transform: translateX(-50%); transition: .3s; } .servicos#servicos a:hover { background-color: transparent; color: #178290; } .servicos#servicos img { width: 60px; margin-bottom: 40px; margin-top: 40px; transition: .3s; } .cases#cases { padding-top: 70px; padding-bottom: 70px; } .cases#cases .img-cases { background-position: center; background-size: cover; } .cases#cases .img-cases-page { background-position: center; background-size: cover; border-radius: 10px; } .cases#cases .iframe-cases-page { background-position: center; background-size: cover; border-radius: 10px; } .cases#cases .contprincipal { margin-bottom: 50px; } .cases#cases .contprincipal h4 { font-family: 'Montserrat', serif; font-size: 28px; font-weight: 700; color: #178290; } .cases#cases .contprincipal h5 { font-family: 'Montserrat', serif; font-size: 22px; font-weight: 700; color: #178290; margin-bottom: 20px; } .cases#cases .cont h5 { font-family: 'Montserrat', serif; font-size: 21px; font-weight: 700; color: #178290; margin-top: 30px; } .cases#cases .cont p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; margin-top: 15px; } .cases#cases .cont i { font-weight: 800; color: #178290; } .cases#cases .contabaixodafoto { position: relative; margin-top: 60px; } .cases#cases .contabaixodafoto img { position: absolute; top: -35px; z-index: -1; } .cases#cases .contabaixodafoto p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #999999; margin-bottom: 20px; } .cases#cases .contabaixodafoto h5 { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #178290; font-weight: 800; } .cases#cases .conteudo { width: 90%; position: relative; top: -50px; background-color: white; padding: 40px 15px; -webkit-box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75); -moz-box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75); box-shadow: 0px 0px 22px -12px rgba(0,0,0,0.75); margin-bottom: 50px; border-radius: 3px; } .cases#cases .conteudo h4 { font-family: 'Montserrat', serif; font-size: 24px; font-weight: 800; color: #178290; } .cases#cases .conteudo h5 { font-family: 'Montserrat', serif; font-size: 16px; font-weight: 800; margin-bottom: 20px; color: #178290; } .cases#cases .conteudo p { font-family: 'Catamaran', sans-serif; font-size: 16px; color: #434142; text-align: justify; } .cases#cases .conteudo a { background-color: #178290; border:1px solid #178290; padding: 3px 20px; color: white; border-radius: 4px; display: inline-block; margin-top: 25px; font-family: 'Catamaran', sans-serif; font-size: 16px; transition: .2s; } .cases#cases .conteudo a:hover { background-color: transparent; color: #178290; } .ecops#bannerprincipal { background-size: cover; background-position: center; } .ecops#bannerprincipal .centralizar { margin-top: 200px; margin-bottom: 200px; } .ecops#bannerprincipal .centralizar img{ margin-bottom: 20px; } .ecops#bannerprincipal .centralizar h3{ font-family: 'Montserrat', serif; font-size: 24px; font-weight: 800; color: white; margin-bottom: 20px; text-transform: uppercase; } .ecops#bannerprincipal .centralizar p{ font-family: 'Catamaran', sans-serif; font-size: 16px; color: white; margin-bottom: 40px; } .ecops#bannerprincipal .centralizar h6 { font-family: 'Catamaran', sans-serif; font-size: 16px; color: white; font-weight: 800; margin-bottom: 40px; } .ecops#bannerprincipal .centralizar .svg { width: 70px; margin-bottom: 20px; } .ecops#bannerprincipal .centralizar .svg path { fill: white; } .ecops#bannerprincipal .centralizar h4 { font-family: 'Montserrat', serif; font-size: 19px; font-weight: 600; color: white; margin-bottom: 40px; } .ecops#numeros { background-color: #70C1D1; padding-top: 50px; padding-bottom: 250px; } .ecops#numeros h4 { font-family: 'Montserrat', serif; font-size: 19px; font-weight: 600; color: #0E383F; } .footer#footer { background-color: #178290; padding-top: 70px; padding-bottom: 70px; } .ecops#video .bg-video{ padding-top: 60px; background : -moz-linear-gradient(0% 50% 0deg,rgba(0, 113, 219, 1) 0%,rgba(0, 145, 219, 1) 100%); background : -webkit-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -webkit-gradient(linear,0% 50% ,100% 50% ,color-stop(0,rgba(0, 113, 219, 1) ),color-stop(1,rgba(0, 145, 219, 1) )); background : -o-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); background : -ms-linear-gradient(0deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB', endColorstr='#0091DB' ,GradientType=0)"; background : linear-gradient(90deg, rgba(0, 113, 219, 1) 0%, rgba(0, 145, 219, 1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0071DB',endColorstr='#0091DB' , GradientType=1); } .ecops#video .video{ background-image: url('../img/bg-video-2.jpg'); position: relative; background-position: center; background-size: cover; background-repeat: no-repeat; cursor: pointer; position: relative; } .ecops#video .video iframe{ width: 100%; display: none; } .ecops#video .video .svg{ position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); width: 70px; transition: .2s; } .ecops#video .video .svg rect{ fill: transparent; } .ecops#video .video:hover .svg{ opacity: 0.5; transition: .2s; } .ecops#video { top: -200px; position: relative; margin-bottom: -50px; } .ecops#video h4 { font-family: 'Catamaran', sans-serif; font-size: 19px; color: #444444; margin-top: 80px; font-weight: 700; } .ecops#tabecops { padding-top: 0px; padding-bottom: 90px; } .ecops#tabecops .svg { width: 50px; padding-bottom: 22px; margin-right: 10px; } .ecops#tabecops .nav { border-right: 1px black solid; } .ecops#tabecops .nav li p { display: inline-block; color: #178290; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; } .ecops#tabecops .tab-content h6 { color: #0E383F; font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 16px; } .ecops#tabecops .tab-content h5 { color: #0E383F; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 21px; } .ecops#tabecops .tab-content h4 { color: #178290; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 21px; width: 80%; margin-bottom: 20px; } .ecops#tabecops .tab-content p { color: #444444; font-family: 'Montserrat', sans-serif; font-weight: 500; font-size: 16px; margin-bottom: 20px; text-align: justify; } .ecops#tabecops .tab-content a { background-color: #178290; padding: 3px 20px; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 700; border-radius: 3px; } .ecops#tabecops .nav li h5 { color: #178290; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 21px; } .nav-pills { border-right: 1px solid #ccc; } .nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus { background-color: #f2f2f2; border-radius: 0px; color: #0E383F !important; } .nav-pills > li a img { width: 70px; } .ecops#tabecops .col-md-3 { padding-right: -1px; } .ecops#tabecops button { background-color: #6f934c; border-radius: 2px; border-color: #6f934c; font-family: 'Anton', sans-serif; font-size: 15px; padding-left: 60px; padding-right: 60px; letter-spacing: 1px; margin-top: 70px; } .ecops#tabecops .centralizar { top: 50%; transform: translateY(-50%); position: relative; } .mapa { margin-top: 90px !important; } .footer#footer h4 { font-family: 'Montserrat', serif; font-size: 32px; font-weight: 700; color: white; margin-bottom: 30px; text-transform: uppercase; } .footer#footer h6 { font-family: 'Catamaran', sans-serif; font-size: 21px; color: white ; font-weight: 700; } .footer#footer .bord { text-decoration: none; padding: 5px 20px; background-color: transparent; border-radius: 5px; border: 1px solid white; font-family: 'Catamaran', sans-serif; font-size: 14px; color: white ; font-weight: 700; display: inline-block; margin-top: 10px; transition: .4s; margin-bottom: 20px; margin-right: 0px; } .footer#footer .bord:hover{ background-color: #fff; color: #178290; } .footer#footer a { font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 500; margin-right: 20px; text-decoration: none; } .footer#footer a:hover { opacity: 0.8; } .footer#footer a { font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 500; margin-right: 20px; text-decoration: none; } .footer#footer p.razao-social { margin-top: 20px; display: block; font-family: 'Catamaran', sans-serif; font-size: 14.5px; color: white ; font-weight: 500; } .footer#footer input { background-color: transparent; margin-bottom: 10px; border-radius: 0px; border: 1px solid white; color: white; box-shadow: none; outline: none; } .footer#footer input::placeholder { color: white; } .footer#footer textarea { background-color: transparent; margin-bottom: 10px; border-radius: 0px; border: 1px solid white; height: 150px; resize: none; color: white; box-shadow: none; outline: none; } .footer#footer textarea::placeholder { color: white; } .footer#footer button.enviar { text-decoration: none; padding: 5px 40px; background-color: white; border-radius: 5px; border: 1px solid white; font-family: 'Catamaran', sans-serif; font-size: 14px; color: #178290 ; font-weight: 700; display: inline-block; margin-top: 20px; transition: .4s; margin-bottom: 50px; margin-right: 0px; } .footer#footer button.enviar:hover { color: white; background-color: transparent; } .footer#footer .trabalhe { background-color: #067887; padding-top: 15px; padding-bottom: 15px; margin-bottom: 20px; } .footer#footer .trabalhe h5 { font-family: 'Catamaran', sans-serif; font-size: 21px; color: white ; font-weight: 700; } .footer#footer .trabalhe h6 { font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 500; } .footer#footer .trabalhe img { padding-left: 10px; } .footer#footer .trabalhe a { font-weight: 700; } .footer#rodape { background-color: #143C42; padding: 5px 30px; } .footer#rodape a { color: white; text-decoration: none; margin-right: 5px; font-size: 13px; white-space: nowrap; } .footer#rodape a:hover { opacity: 0.5; } .footer#rodape img { color: white; } .footer#rodape .iconsrodape .svg { width: 15px; margin-bottom: -4px; } .footer#rodape p { font-family: 'Catamaran', sans-serif; font-size: 14px; color: white ; font-weight: 500; } .footer#rodape .iconss { display: inline; } .modal#trabalheconosco .modal-content { padding-bottom: 0px; border-radius: 0px; } .modal#trabalheconosco .modal-content .modal-header { border: none; } .modal#trabalheconosco .modal-content { padding-left: 25px; padding-right: 20px; } .modal#trabalheconosco .modal-header { } .modal#trabalheconosco .modal-body { padding-bottom: 0px; padding-left: 40px; padding-right: 40px; padding-top: 0px; } .modal#trabalheconosco .modal-body h3 { font-size: 32px; color: #178290; font-weight: 700; font-family: 'Montserrat', serif; letter-spacing: 2px; margin-bottom: 60px; } .modal#trabalheconosco .modal-body input { height: 30px; margin-bottom: 10px !important; width: 100%; border-radius: 0px; padding-left: 10px !important; box-shadow: none; outline: none; } .modal#trabalheconosco .modal-body textarea { margin-bottom: 10px !important; width: 100%; border-radius: 0px; padding-left: 10px !important; box-shadow: none; outline: none; height: 100px; resize: none; } .modal#trabalheconosco .modal-body input:focus { border-color: #ccc; } .modal#trabalheconosco .modal-body textarea:focus { border-color: #ccc; } .modal#trabalheconosco .modal-body button { background-color: #008EB5; padding: 9px 30px; border:1px solid #008EB5; color: white; margin-top: 20px; margin-bottom: 50px; } .modal#trabalheconosco .modal-body img { width: 280px; position: relative; right: -152px; } .modal#trabalheconosco #botaoseta:hover img { animation: mymove 0.5s; animation-fill-mode: forwards; } .modal#trabalheconosco #botaoseta:hover { opacity: 1; } .modal#trabalheconosco #botaoseta { background-color: transparent; border:none; font-family: 'Muli', serif; font-size: 15px; color: #375876; font-weight: 700; } .modal#trabalheconosco .modal-dialog { top: 50%; transform: translateY(-50%); } .modal#trabalheconosco #botaotrabalhe { text-decoration: none; padding: 5px 20px; background-color: #178290; border-radius: 2px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 13px; color: white ; font-weight: 500; display: inline-block; transition: .4s; margin-right: 0px; } .modal#trabalheconosco #botaotrabalhe:hover { background-color: transparent; color: #178290 ; } .modal#trabalheconosco #botaoenviar { text-decoration: none; padding: 5px 50px; background-color: #178290; border-radius: 2px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 13px; color: white ; font-weight: 500; display: inline-block; transition: .4s; margin-right: 0px; } .modal#trabalheconosco #botaoenviar:hover { background-color: transparent; color: #178290 ; } .modal#modaldepoimentos .modal-content { background-color: transparent !important; -webkit-background-clip: padding-box; background-clip: none; border: 0px solid #999; border: 0px solid rgba(0, 0, 0, .2); border-radius: 0px; outline: none; -webkit-box-shadow: none; box-shadow: none; } .modal#modaldepoimentos .modal-body { position: absolute; top: 350%; left: 50%; transform: translateX(-50%) translateY(-50%); } .modal#modaldepoimentos .modal-header { border: none; } .modal#modaldepoimentos .modal-header .close { margin-top: -2px; right: -177px; position: relative; color: white; opacity: 9; font-size: 60px; top: 25px; } /*--------------------------------------*/ .modal#agende .modal-content { padding-bottom: 0px; border-radius: 0px; } .modal#agende .modal-content .modal-header { border: none; } .modal#agende .modal-content { padding-left: 25px; padding-right: 20px; } .modal#agende .modal-header { } .modal#agende .modal-body { padding-bottom: 40px; padding-left: 0px; padding-right: 0px; padding-top: 40px; border: 1px solid #F4A221; margin-bottom: 40px; } .modal#agende .close { float: right; font-size: 55px; font-weight: bold; line-height: 1; color: #178290; text-shadow: 0 1px 0 #fff; filter: alpha(opacity=20); opacity: .2; position: absolute; right: 25px; top: 25px; z-index: 999; } .modal#agende .modal-body h3 { font-size: 21px; color: #178290; font-weight: 700; font-family: 'Montserrat', serif; letter-spacing: 2px; margin-bottom: 20px; } .modal#agende .modal-body p { font-family: 'Catamaran', serif; font-size: 16px; color: #444444; font-weight: 500; margin-bottom: 15px; width: 80%; } .modal#agende .modal-body input { height: 30px; margin-bottom: 10px !important; width: 100%; border-radius: 0px; padding-left: 10px !important; box-shadow: none; outline: none; height: 40px; } .modal#agende .modal-body textarea { margin-bottom: 10px !important; width: 100%; border-radius: 0px; padding-left: 10px !important; box-shadow: none; outline: none; height: 100px; resize: none; } .modal#agende .modal-body input:focus { border-color: #ccc; } .modal#agende .modal-body textarea:focus { border-color: #ccc; } .modal#agende .modal-body button { background-color: #008EB5; padding: 9px 30px; border:1px solid #008EB5; color: white; margin-top: 20px; margin-bottom: 50px; font-weight: 800; font-family: 'Catamaran', serif; font-size: 16px; } .modal#agende .modal-body img { width: 80px; position: absolute; left: 50%; transform: translateX(-50%); top: -45px; } .modal#agende .modal-dialog { top: 50%; transform: translateY(-50%); } .modal#agende #botaotrabalhe { text-decoration: none; padding: 5px 20px; background-color: #178290; border-radius: 2px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 13px; color: white ; font-weight: 500; display: inline-block; transition: .4s; margin-right: 0px; } .modal#agende #botaotrabalhe:hover { background-color: transparent; color: #178290 ; } .modal#agende #botaoenviar { text-decoration: none; padding: 5px 50px; background-color: #178290; border-radius: 2px; border: 1px solid #178290; font-family: 'Catamaran', sans-serif; font-size: 16px; color: white ; font-weight: 500; display: inline-block; transition: .4s; margin-right: 0px; } .modal#agende #botaoenviar:hover { background-color: transparent; color: #178290 ; } /*MODAL ALERTA*/ .modal-header { padding: 15px; border-bottom: 1px solid #e5e5e5; border-radius: 0px; } .modal { z-index: 99999999 !important; } .modal-backdrop.in { /* display: none; */ } .modal-content { border-radius: 0px; } .modal-body p { padding: 0px !important; color: #666 !important; } .modal-title { padding: 0px !important; color: #178290; font-size: 20px; text-transform: uppercase; font-weight: 700; } .popover{ width: 200px; /* Max Width of the popover (depending on the container!) */ } .col-xs-15, .col-sm-15, .col-md-15, .col-lg-15 { position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; } .politica-privacidade#conteudo{ padding-top: 60px; padding-bottom: 70px; } .politica-privacidade#conteudo .texto { font-family: 'Catamaran', sans-serif; font-size: 15px; color: #444444; font-weight: 500; text-align: justify; } .politica-privacidade#conteudo .texto h3{ margin-bottom: 14px; font-size: 20.5px; font-weight: 800; text-align: left; color: #178290; } .politica-privacidade#conteudo .texto h4{ margin-bottom: 8px; font-size: 17px; font-weight: 500; text-align: left; color: #111; } .politica-privacidade#conteudo .texto p, .politica-privacidade#conteudo .texto ul, .politica-privacidade#conteudo .texto ol, .politica-privacidade#conteudo .texto li, .politica-privacidade#conteudo .texto a, .politica-privacidade#conteudo .texto b, .politica-privacidade#conteudo .texto i{ font-family: 'Catamaran', sans-serif; font-size: 14.5px; color: #555555; font-weight: 400; } .politica-privacidade#conteudo .texto p, .politica-privacidade#conteudo .texto ul{ margin-bottom: 20px; } .politica-privacidade#conteudo .texto b{ font-weight: 700; } .politica-privacidade#conteudo .texto a, .politica-privacidade#conteudo .texto a i{ text-decoration: underline; color: #178290 !important; font-style: italic; transition: .2s; } .politica-privacidade#conteudo .texto a:hover{ opacity: 0.7; transition: .2s; } .mapa iframe { margin-bottom: -10px; } /* Medias queries */ @media (min-width: 1200px){ .container { width: 1100px !important; } } @media (max-width: 1000px){ } @media (min-width: 768px) { .col-sm-15 { width: 20%; float: left; } } @media (max-width: 768px) { #principal { margin-top: 60px; padding-top: 15px; padding-bottom: 15px; } #principal h4 { font-size: 21px; } .navbar { min-height: 60px; } .navbar-default img { width: 110px; } .navbar-default img { margin-top: 0px; } .navbar-default .navbar-nav > li > a { padding-bottom: 0px !important; padding: 11px 2px; } .centralizarright { text-align: left; position: absolute; top: 50%; left: 70%; transform: translateY(-50%) translateX(-50%); width: 100%; } .centralizarleft { position: absolute; top: 50%; left: 56%; transform: translateY(-50%) translateX(-50%); width: 90%; } .index #carousel-banner-topo .carousel-inner .item p { width: 60%; } .index#maneiradepensar h4 { font-size: 20px; } .index#maneiradepensar h5 { font-size: 16px; } .index#parceria .border { margin-bottom: 20px; } .index#ecops .textoecops { margin-left: 10px; margin-bottom: 20px; } .index#sobre .sobrenos { padding-top: 50px; padding-bottom: 50px; margin-left: 20px; margin-right: 10px !important; width: 89%; } .index#clientes { padding-top: 50px; padding-bottom: 50px; } .index#clientes .clienteslogos .envolvelogo img { filter: none; } .index #carousel-banner-topo .carousel-indicators li { width: 20px; } .index #carousel-banner-topo .carousel-indicators .active { width: 30px; } .index #depoimentoscarousel .item { width: 83%; } .index #depoimentoscarousel .carousel-indicators li { width: 20px; } .index #depoimentoscarousel .carousel-indicators .active { width: 30px; } .index#clientes .clienteslogos .envolvelogo img { } .index#blog { padding-top: 50px; padding-bottom: 50px; } .index#blog .img-blog { margin-top: 50px; } .index#clientes h3 { font-size: 26px; } .index#depoimentos h4 { font-size: 26px; } .index#blog h3 { font-size: 28px; } .blog#conteudo .central h2 { font-size: 18px; } .blog#conteudo h3 { font-size: 23px; } .blog#conteudo .relacionados h4 { margin-bottom: 18px; } .imprensa#conteudo h3 { font-family: 'Montserrat', sans-serif; font-size: 23px; color: #178290; text-transform: uppercase; font-weight: 600; margin-top: 80px; } .imprensa#conteudo .central .leia { margin-bottom: 0px; } .modal#trabalheconosco .modal-body h3 { font-size: 19px; color: #185778; font-weight: 700; font-family: 'Montserrat', serif; letter-spacing: 2px; margin-bottom: 30px; } .modal#trabalheconosco #botaotrabalhe { margin-bottom: 20px; display: inline-block; } .index#clientes { padding-top: 40px; padding-bottom: 40px; } .clientes#clientes h4 { margin-bottom: 20px; margin-top: 50px; font-size: 18px; } .sobre#sobre { padding-top: 41px; padding-bottom: 54px; } .sobre#sobre h4 { font-size: 20px; } .sobre#sobre .img-quem-somos { margin-top: 20px; } .sobre#videosobre h3 { font-size: 19px; } .sobre#local .ondestamos { position: relative; top: 0%; left: 0%; transform: translateX(0%) translateY(0%); width: 100%; height: 200px; background-color: white; padding: 40px; margin-top: 40px; } .sobre#nossaequipe .texto-nossaequipe h4 { font-size: 20px; } .sobre#nossaequipe .centralizar { position: relative; top: 0px; margin-top: 50px; margin-bottom: 50px; } .sobre#nossaequipe .imgsobresobre { margin-bottom: 50px; background-position: center; background-size: cover; } .linhadotempo .page-header h3 { font-size: 24px; } .solucoes#parceria h4 { font-size: 19px; } .solucoes#solucoes .solucao0 h6 { font-size: 16px; } .servicos#servicos a { bottom: 20px; } .dbadmin#principal img { width: 70px; top: 115px; } .dbadmin#dbadmin img { margin-bottom: 20px; } .dbadmin#solucoes .bordaa { margin-bottom: 30px; } .parceiros#parceiros .bordaparceiros { margin-bottom: 50px; } .linhadotempo .page-header h1 { font-size: 1.8em; } .linhadotempo ul.timeline:before { left: 40px; } .tldate { width: 140px; } .linhadotempo ul.timeline li .timeline-panel { width: calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px); } .linhadotempo ul.timeline li .tl-circ { top: 11px; left: 34px; margin-left: 0; } .linhadotempo ul.timeline > li > .tldate { margin: 0; } .linhadotempo ul.timeline > li > .timeline-panel { float: right; } .linhadotempo ul.timeline > li > .timeline-panel:before { border-left-width: 0; border-right-width: 15px; left: -15px; right: auto; } .linhadotempo ul.timeline > li > .timeline-panel:after { border-left-width: 0; border-right-width: 14px; left: -14px; right: auto; } .linhadotempo .timeline .direita { text-align: left; } .linhadotempo .tldate { width: 100%; } .ecops#bannerprincipal { padding-bottom: 60px; } .ecops#bannerprincipal .img-monitor { width: 150px; } .ecops#bannerprincipal .centralizar { margin-top: 100px; margin-bottom: 20px; } .ecops#bannerprincipal .centralizar p { margin-bottom: 0px; } .ecops#bannerprincipal .centralizar h3 { font-size: 16px; } .ecops#bannerprincipal .centralizar h4 { font-size: 15px; } .ecops#bannerprincipal .centralizar .svg { width: 50px; } .ecops#numeros h4 { font-size: 15px; } .ecops#numeros { background-color: #70C1D1; padding-top: 50px; padding-bottom: 50px; } .ecops#tabecops .col-md-3 { padding-right: -1px; } .ecops#tabecops .centralizar { top: 50%; transform: translateY(-0%); position: relative; } .ecops#video { top: 20px; margin-bottom: 0px; } .cases#cases .img-cases-page { margin-top: 20px; } .redhat#redhat .bordaredhat { margin-bottom: 20px; } .redhat#redhat .bordaredhat img { width: 150px; } .redhat#redhat { padding-top: 41px; padding-bottom: 42px; } .redhat#solucoes { padding-top: 50px; padding-bottom: 7px; background-color: #F9F9F9; } .redhat#solucoes h4 { font-size: 21px; } .oracle#oracle .bordaoracle { margin-bottom: 30px; } .oracle#oracle { padding-top: 42px; padding-bottom: 43px; } .oracle#solucoes { padding-top: 47px; padding-bottom: 0px; background-color: #F9F9F9; } .oracle#solucoes h4 { font-size: 22px; } .nav-stacked > li { float: left; width: 50%; text-align: center; } .nav-pills { margin-top: 50px; border-right: none; } .ecops#tabecops .nav { border-right: none; } .nav-pills > li a img { width: 38px; } .ecops#tabecops .tab-content h4 { width: 100%; } .ecops#tabecops .tab-pane { margin-top: 60px; } .ecops#tabecops .nav li p { font-size: 12px; } .ecops#tabecops .nav li h5 { color: #178290; font-family: 'Montserrat', sans-serif; font-weight: 800; font-size: 14px; } .nav-stacked > li img { width: 50px; } .parceiros#parceiros .bordaparceiros .envolvelogo { margin-top: 10px; margin-bottom: 30px; } .parceiros#parceiros .bordaparceiros .envolvelogo img { max-width: 70%; top: 0%; transform: translateY(0%); } .parceirospage#principalinfo { padding-top: 40px; padding-bottom: 40px; } .parceirospage#principalinfo .bord{ position: relative; text-align: center; margin-bottom: 30px; } .parceirospage#principalinfo .bord img { max-width: 70%; } .parceirospage#solucoes { padding-top: 40px; padding-bottom: 30px; } .parceirospage#solucoes h4 { font-size: 24px; margin-bottom: 60px; } .parceirospage#solucoes h5{ font-size: 16px; margin-bottom: 40px; padding-left: 10px; padding-right: 10px; } .parceirospage#solucoes .svg { width: 45px; margin-bottom: 10px; } .mapa { margin-top: 60px !important; } .footer#footer h4 { font-size: 26px; } .footer#footer .endereco { margin-bottom: 20px; } .footer#footer { padding-bottom: 0px; } .footer#rodape{ padding: 10px 5px; } .footer#rodape .text-left { text-align: center; } .footer#rodape .text-right { text-align: center; } .footer#rodape p { margin-bottom: 10px; margin-top: 5px; } .footer#rodape .iconss { text-align: center; margin-top: 10px; display: block; } .politica-privacidade#conteudo{ padding-top: 40px; padding-bottom: 50px; } .politica-privacidade#conteudo .texto { font-size: 13px; } .politica-privacidade#conteudo .texto h3{ margin-bottom: 12px; font-size: 18.5px; } .politica-privacidade#conteudo .texto h4{ margin-bottom: 6px; font-size: 16px; } .politica-privacidade#conteudo .texto p, .politica-privacidade#conteudo .texto ul, .politica-privacidade#conteudo .texto ol, .politica-privacidade#conteudo .texto li, .politica-privacidade#conteudo .texto a, .politica-privacidade#conteudo .texto b, .politica-privacidade#conteudo .texto i{; font-size: 14px; } .politica-privacidade#conteudo .texto p, .politica-privacidade#conteudo .texto ul{ margin-bottom: 17px; } } /** media queries **/ @media (max-width: 991px) { .timeline li .timeline-panel { width: 44%; } }