@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@1,900&display=swap"); .logo-gflex {
margin-left: 5px;
padding: 10px;
width: 150px;
}
.nav-menu {
margin-right: 80px;
}
.nav-menu li a {
font-weight: 700;
color: #22376e;
margin-right: 3px;
border-radius: 3px;
}
.nav-menu li a:hover {
background-color: #22376e;
color: #fff;
}
#hero h1 {
color: #22376e;
font-weight: 900 !important;
font-family: 'Montserrat';
}
#hero .vmobi{
position: relative;
margin: 0 auto;
top:22px;
width:100%;
height: 45em;
}
.about .title {
margin-bottom: 50px;
}
.about .title h4.title1 {
width: 100%;
text-align: center;
color: #aaa;
}
.about .title h4.title1 hr {
margin-top: 0px;
width: 150px;
border: 0.5px solid #ccc;
}
.about .title h4.title2 {
position: relative;
margin: 0 auto;
width: 80%;
text-align: center;
font-weight: 900;
color: #22376e;
}
.about .ceo .col1 img {
position: relative;
float: right;
width: 400px;
}
.about .ceo .col2 {
padding-left: 60px;
}
.about .ceo .col2 a, .about .video .col1 a {
display: block;
position: relative;
width: 130px;
height: 40px;
line-height: 40px;
background-color: #22376e;
color: #fff;
font-weight: 600;
text-align: center;
}
.about .ceo .col2 a:hover, .about .video .col1 a:hover {
background-color: #4361af;
}
.about .video .col1 {
text-align: left;
padding-left: 40px;
}
.about .video .col1 ul li i {
margin-top: 5px;
}
.about .video .col2 iframe {
width: 40em;
height: 22.5em;
float: right;
}
.about .center{
position: relative;
margin: 0 auto;
}
.services {
background-color: #fff !important;
}
.services h4 a {
color: #22376e !important;
}
.services .title {
margin-bottom: 10px;
}
.services .title h4.title1 {
width: 100%;
text-align: center;
color: #aaa;
}
.services .title h4.title1 hr {
margin-top: 0px;
width: 150px;
border: 0.5px solid #ccc;
}
.services .title h4.title2 {
position: relative;
margin: 0 auto;
width: 80%;
text-align: center;
font-weight: 900;
color: #22376e;
}
.services .icones {
margin-bottom: 15px;
}
.services .icones img {
width: 90px;
}
.services .icon-box h4 {
color: #22376e !important;
}
.services .button a, .customer .button a {
display: block;
position: relative;
margin: 0 auto;
width: 130px;
height: 40px;
line-height: 40px;
background-color: #22376e;
color: #fff;
font-weight: 600;
text-align: center;
}
.services .button a:hover, .customer .button a:hover {
background-color: #4361af;
}
.testimonials .button a, .customer .button a {
display: block;
position: relative;
margin: 0 auto;
width: 130px;
height: 40px;
line-height: 40px;
background-color: #22376e;
color: #fff;
font-weight: 600;
text-align: center;
}
.testimonials .button a:hover, .customer .button a:hover {
background-color: #4361af;
}
.team {
background-color: #F9F8F9;
}
.team .title {
margin-bottom: 50px;
}
.team .title h4.title1 {
width: 100%;
text-align: center;
color: #aaa;
}
.team .title h4.title1 hr {
margin-top: 0px;
width: 150px;
border: 0.5px solid #ccc;
}
.team .title h4.title2 {
position: relative;
margin: 0 auto;
width: 80%;
text-align: center;
font-weight: 900;
color: #22376e;
}
.team .member-info p b {
color: #22376e;
}
.testimonials {
background-color: #F9F8F9;
}
.testimonials .title {
margin-bottom: 50px;
}
.testimonials .title h4.title1 {
width: 100%;
text-align: center;
color: #aaa;
}
.testimonials .title h4.title1 hr {
margin-top: 0px;
width: 150px;
border: 0.5px solid #ccc;
}
.testimonials .title h4.title2 {
position: relative;
margin: 0 auto;
width: 80%;
text-align: center;
font-weight: 900;
color: #22376e;
}
.testimonials .member-info p b {
color: #22376e;
}
.contact {
background-color: #22376e;
margin: 0;
padding: 0;
}
.contact .image {
margin-top: -3px;
}
.contact .form {
display: block;
position: relative;
height: 450px;
text-align: center;
padding-top: 60px;
}
.contact .form h1 {
font-family: 'Arial Black';
font-size: 50px;
color: #fff;
}
.contact form {
display: block;
position: relative;
margin: 0 auto;
}
@media(min-width:650px) {
.contact .form-control-name, .contact .form-control-email {
width: 48% !important;
}
.contact .form-control-email {
float: right !important;
margin-top: -58px !important;
}
}
.contact .button-send {
background: #22376e !important;
color: #FFF !important;
border: 2px solid #FFF !important;
}
.contact .button-send:hover {
background: #FFF !important;
color: #22376e !important;
}
.contact .sent {
text-align: center;
}
.contact .maps {
margin-bottom: -6px !important;
} #header.header-pages .header-container {
background-color: rgba(0, 0, 0, 0);
}
#header.header-pages.header-scrolled {
background: #fff;
box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
top: 0;
}
.header-pages .nav-menu li a {
background-color: rgba(0, 0, 0, 0.3);
color: #fff;
}
.header-pages .nav-menu li a:hover {
background-color: #fff;
color: #22376e;
}
#header.header-pages.header-scrolled .nav-menu li a {
background-color: rgba(0, 0, 0, 0);
color: #22376e;
}
#header.header-pages.header-scrolled .nav-menu li a:hover {
background-color: #22376e;
color: #fff;
}
#hero.hero-pages {
width: 100%;
height: 50vh !important;
background-size: cover;
position: relative;
}
#hero.hero-pages:before {
background: rgba(0, 0, 0, 0);
}
#hero.hero-pages .text-hero {
margin-top: 70px !important;
margin-left: 5px !important;
text-align: left;
}
#hero2.hero-pages {
width: 100%;
height: 60vh !important;
background: url(/wp-content/themes/gflex/assets/img/pages/hero2.png) center center;
background-size: cover;
position: relative;
}
#hero2.hero-pages:before {
background: rgba(0, 0, 0, 0);
}
#hero2.hero-pages .text-hero {
margin-top: 10px !important;
margin-left: 50px !important;
text-align: left;
}
#about2.hero-pages {
background-color: #F1F0F2;
height: 70vh;
}
#about2.hero-pages .col1 {
margin-top: -10px !important;
}
#about2.hero-pages img {
position: relative;
height: 75vh;
float: right;
margin-top: -450px;
}
#hero.hero-pages .text-hero h4, #hero2.hero-pages .text-hero h4, .about.hero-pages h4 {
color: #22376e;
font-weight: 900;
}
.about.hero-pages p {
text-align: justify;
}
.testimonials .text h4 {
color: #22376e;
font-weight: 900;
text-align: center;
}
.testimonial-item img {
width: 150px !important;
border: 5px solid #22376e !important;
}
.testimonial-item h3 {
color: #22376e !important;
font-weight: 900;
}
.testimonial-item p {
font-size: 13px !important;
}
.testimonial-item .social {
display: block;
position: relative;
margin: 0 auto;
}
.testimonial-item .social i {
float: left;
margin-left: 4px;
color: #22376e;
}
.community .text-community {
display: none;
margin-left: 70px;
}
.community .col1 {
position: relative;
margin-bottom: 60px;
}
.community .col1 .community-img {
position: absolute;
width: 40px;
}
.community h4 {
cursor: pointer;
color: #22376e;
font-weight: 900;
text-align: left;
margin-left: 60px;
margin-top: -20px;
}
.community h4 span {
float: right;
}
.community hr {
color: #22376e;
background-color: #22376e;
border: 1px solid #22376e;
margin-top: -1px;
}
.community .col1 a.button {
display: block;
position: relative;
width: 85px;
padding: 3px;
height: 30px;
border-radius: 2px;
top: 20px;
text-align: center;
background-color: #22376e;
color: #fff;
}
.community .col1 a.button:hover {
background-color: #4361af;
}
.feedback .quadro, .contactus .quadro {
display: block;
position: relative;
width: 100%;
padding: 20px;
background-color: #22376e;
color: #fff;
}
.feedback .quadro {
height: 550px;
}
.feedback .quadro span, .contactus .quadro span {
font-size: 100px;
}
.feedback .quadro p, .contactus .quadro p {
margin-top: -60px;
}
.contactus .quadro {
height: 250px;
}
.contactus h4 {
color: #22376e;
font-weight: 900;
}
.feedback .op1, .feedback .op2, .feedback .op3, .feedback .op4, .feedback .op5 {
display: none;
}
.feedback ul{
list-style: none;
}
.feedback #blockTab {
display: block;
position: relative;
margin: 0 auto; 
}
.feedback #blockTab .abas {
display: inline;
}
.feedback #blockTab .abas li {
float: left;
list-style: none;
margin-right: 5px;
}
.feedback #blockTab .aba {
width: 100%;
padding: 6px;
height: 35px;
line-height: 25px;
border: solid 1px;
border-radius: 3px;
text-align: center;
padding-top: 5px;
background: #fff;
color: #22376e;
border: 1px solid #22376e;
cursor: pointer;
}
.feedback #blockTab .ativa {   
border: solid 1 px;
border-radius: 3px;
text-align: center;
padding-top: 5px;
background: #4361af;
border: 1px solid #4361af;
}
.feedback #blockTab .ativa span,
.feedback #blockTab .selected span {			
color: #fff
}
.feedback #blockTab .selected {
border: solid 1 px;
border-radius: 3px;
text-align: center;
padding-top: 5px;
background: #22376e;
border: 1px solid #22376e
}
.feedback .content {   
display: none;
}
.feedback .content h4 {   
color: #22376e;
}
#implantcard h2{   
color: #22376e;
text-align: center;
}
#implantcard .text{
display: block;
position: relative;
margin: 0 auto;
width: 80%;
}
#implantcard .text p{
text-align: justify;
}
#implantcard .img1{
display: block;
position: relative;
margin: 0 auto;
width: 30%;
}
#implantcard ul{
margin-top: 30px;
list-style: none;
}
#implantcard ul li{
margin-top: 10px;
}
#implantcard ul li img{
width: 25px;
height: 25px;
}  .list-products img {
position: relative;
margin-left: 35px;
margin-top: 35px;
width: 320px !important;
height: 210px !important;
}
.list-products .caption {
position: absolute;
width: 320px !important;
height: 210px !important;
top: 35px;
left: 35px;
border: 2px solid #fff;
background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1), rgba(0, 0, 0, 0.9));
}
.list-products .caption:hover {
border: 2px solid #22376e;
}
.list-products .caption p {
position: absolute;
top: 75%;
left: 5%;
font-weight: 800;
color: #fff;
}
.list-products .download {
display: block;
position: relative;
margin: 0 auto;
margin-left: 30px;
margin-top: 40px;
width: 96%;
height: 200px;
border: 2px solid #22376e;
}
.list-products .download h1 {
color: #22376e;
text-align: center;
font-weight: 800;
}
.list-products .download a {
display: block;
position: relative;
margin: 0 auto;
width: 150px;
height: 38px;
background-color: #22376e;
color: #fff;
}
.list-products .download a:hover {
background-color: #4361af;
} .products h4 {
color: #22376e;
}
.products .col1 {
margin-left: 20px;
padding: 10px;
padding-top: 0px !important;
background-color: #FFF;
}
.products .col1 img {
width: 260px;
}
.products .col1 a {
display: block;
position: relative;
width: 100%;
height: 38px;
background-color: #22376e;
color: #fff;
}
.products .col1 a:hover {
background-color: #4361af;
}
.products .col2 {
padding: 20px !important;
padding-top: 0px !important;
margin-left: 20px;
background-color: #f5f5f5;
}
.products .col2 img {
width: 100%;
}
.products .portfolio-modal .close-button i{
font-size: 50px;
font-weight: 900;
cursor: pointer;
}
#products {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
#products td, #products th {
border: 1px solid #ddd;
padding: 8px;
font-size: 11px;
text-align: center;
}
#products tr:nth-child(even){background-color: #f3f3f3;}
#products th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #C1C1C1;
color: black;
text-align: center;
}
#buttonuse{
position: relative;
width: 100%;
height: 45px;
padding-top: 10px;
padding-bottom: 10px;
background-color: #22376e;
color: #fff;
text-align: center;
border-radius: 3px;
float: left;
margin-bottom: 0px;
margin-top: 40px;
}
#buttonuse2{
position: relative;
width: 100%;
height: 45px;
padding: 20px;
background-color: red;
color: #fff;
text-align: center;
border-radius: 3px;
float: left;
margin-bottom: 30px;
margin-top: 20px;
}
#buttonuse:hover{
background-color: #4361af;
}
.msg-product{
display: block;
position: relative;
margin: 0 auto;
margin-top: 50px;
margin-bottom: -40px;
background-color: #22376e;
color: #fff;
width: 50%;
text-align: center;
padding: 5px;
}
@media(max-width:750px) {
.msg-product{
width: 90%;
}
}
#productvideo, #productvideofull {
display: block;
position: relative; 
margin: 0 auto;
width: 100%;
padding: 20px;
}
#productvideofull iframe{
width: 720px; 
height: 400px;
margin-left: -20px;
margin-bottom: 10px;
}
#productvideo iframe{
width: 325px; 
height: 182px;
margin-left: 10px;
margin-bottom: 10px;
} .portfolio-modal{    
display: none;
position: fixed;        
top:4em;
left: 18%;
z-index: 1000 !important;
}
.portfolio-modal .portfolio-modal-dialog {
padding: 3rem 1rem;   
margin: 1rem calc(1rem - 8px);
width: 55em;
height: 520px !important;   
position: relative;
z-index: 2;
-webkit-box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, .5);
box-shadow: 0 0 3rem 1rem rgba(0, 0, 0, .5)
}
.portfolio-modal .portfolio-modal-dialog .close-button {
position: absolute;
top: 1rem;
right: 2rem;
}
.portfolio-modal .portfolio-modal-dialog h2 {
font-size: 2rem
}
.portfolio-modal .filevideo{    
width: 40em;
height: 22.5em;
} .footer {
height: 250px;
}
.footer p {
color: #22376e !important;
}
.footer .footer-logo img {
width: 150px;
margin-bottom: 10px;
}
.footer .footer-menu hr, .footer .footer-contact hr {
width: 80px;
color: #ccc;
float: left;
margin-top: -13px;
}
.footer .footer-menu ul {
list-style: none;
margin-top: -30px;
margin-left: -40px;
}
.footer .footer-contact .street {
width: 55%;
margin-top: -30px;
}
.footer .footer-contact .fone {
width: 45%;
margin-top: -58px;
left: 10px;
float: right;
} @media(min-width:650px) {
.counts .container {
width: 40% !important;
}
.linha {
position: relative;
width: 1px;
height: 70px;
background-color: #ccc;
}
.plus1 {
position: absolute;
left: 40px;
}
.plus2 {
position: absolute;
left: 30px;
}
.plus3 {
position: absolute;
left: 30px;
}
.contact form {
width: 44em;
}
.contact form input[type=text] {
margin: 0px 10px 0px 10px;
width: 20em;
}
}
@media(max-width:650px) {
#hero.hero-pages:before {
background: rgba(0, 0, 0, 0.3);
}
#hero.hero-pages h4, #hero.hero-pages p {
color: #fff !important;
}
#header, #header .header-container {
background-color: #fff !important;
}
.mobile-nav-toggle i {
color: #22376e;
}
.about .video .col2 iframe {
width: 100%;
float: none;
}
.about .video .col2 iframe {
width: 100%;
height: 215px;
}
.feedback #blockTab .abas li {
float: none;
margin-right: 5px;
margin-top: 5px;
}
.portfolio-modal{
left: 0;
}
.portfolio-modal .portfolio-modal-dialog {        
width: 25em;
height: 350px !important;         
}
.portfolio-modal .portfolio-modal-dialog .close-button {
position: absolute;
}
.portfolio-modal .filevideo{    
width: 100%;  
height: 100%;      
}
#buttonuse{
height: 80px;
width: 90%;
}
#buttonuse2{
height: 60px;
width: 90%;
}
#productvideo iframe, #productvideofull iframe{        
width: 100%;
height: 200px;
}
.contact form {
width: 100%;
}
.contact form input[type=text] {
display: block;
position: relative;
margin: 0 auto;
width: 300px;
}
.footer {
height: 500px;
}
}