/*
Theme Name: Grupo Gera
Theme URI: https://grupogeramedicina.com.br
Author: Preciso Web
Author URI: https://precisoweb.com.br/
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

body{font-family: 'Armin Soft';font-weight: normal;transition: 0.2s all;font-size: 18px;}
strong{font-weight: 700;}
p{margin-bottom: 20px;margin-top: 0}
figure{margin: 0;padding: 0}
p, ul{color: #161717;margin-bottom: 30px;font-size: 20px;}
ul li{margin-bottom: 10px;}
h1, h2, h3, h4, h5, h6{color: #161717;margin: 0 0 20px 0;padding: 0;}
a, .nav-link{color: #161717;transition:all 0.2s;text-decoration: none}
a:hover, a:focus{transition:all 0.1s;text-decoration: none;color: #81B959}
.img-fluid{width: 100%;z-index: 2}
.img-fixed{background-size: cover; background-repeat: no-repeat;background-attachment: fixed !important;background-position: center center}
.img-cover{background-size: cover; background-repeat: no-repeat;background-position: center center}
.p404{padding: 150px 0}
.p404 h1{font-size: 120px;}
.padd0{padding: 0}
.padd50{padding-top: 50px;padding-bottom: 50px;}
.padd80{padding-top: 80px;padding-bottom: 80px;}

.title{text-align: center;margin-bottom: 40px;position: relative;}
.title h2, .title h1, .title h3, .title h4{margin-bottom: 30px; font-weight: 600;font-size: 40px;}

.btt a{transform: scale(1);border-radius:30px;padding:12px 30px 12px;display: inline-block;cursor: pointer;transition: 0.3s all}
.btt a{background-color: #69BC95;color: #fff;font-weight: 600;font-size: 20px}
.btt a:hover{transform: scale(1.05);}

.navbar-toggler{color: #fff;padding: 0;font-weight: 600;background-color:#81B959;padding: 15px 20px;font-size: 18px;border-radius: 5px;}
.navbar-toggler:focus{box-shadow: none;}


#whatsFixo {position: fixed;right: 30px;bottom: 120px;transition: all .1s;border-radius: 50%;width: 60px;text-align: center;height: 60px;line-height: 58px;font-size: 39px; background: #0EDE4D;color: #fff; z-index: 99;animation: pulse 2s infinite;}

@keyframes pulse {
  50%{
    transform: scale(1.12);
  }
}

figure{position: relative;}
figure img{position: relative;height: auto}

figure.alignright { float: right; margin: 0 0 1em 1em; }
figure.alignleft { float: left; margin: 0 1em 1em 0; }
figure.aligncenter { display: block; margin-left: auto; margin-right: auto; }
figure.wp-block-image.size-large img, figure.wp-block-image.size-full img{width:100%;height: auto;margin-bottom: 30px; }
.alignright { float: right; }
.alignleft { float: left; }
.aligncenter { display: block; margin-left: auto; margin-right: auto;text-align: center; }


.flexxxmenu{display: flex;align-items: center;justify-content: space-between;transition: 0.3s all;}
header{box-shadow: 0px 0 50px -20px rgba(0,0,0,0.3);position: relative;z-index: 9;background-color: #fff;padding: 20px 0;transition: 0.3s all;position: fixed;width: 100%;z-index: 99;top: 0}
header .mennucol{margin: 0 50px;}

header ul{margin: 0;padding: 0;list-style: none}
header ul li{display: inline-block;margin: 0;padding: 0;position: relative;}
header ul.redes li{margin: 0 5px}
header ul.redes a{display: inline-block;width: 34px;height: 34px;line-height: 34px;text-align: center;font-size: 24px;}
header a{transform: scale(1);}
header a:hover{transform: scale(1.03);}

header .menu-principal{position: relative;transition: 0.3s all;text-transform: uppercase;}
header .menu-principal .navbar-nav li{margin:0 30px;margin-bottom: 0;}
header .menu-principal .navbar-nav .nav-link:hover{color: #81B959;transition: 0.3s all;}
header .navbar-expand-lg .menu-principal .navbar-nav .nav-link{padding: 0px;position: relative;transition: 0.3s all;font-weight:600;font-size: 18px;font-family: 'Armin Soft Semi';font-weight: 600;}
header .navbar-expand-lg .menu-principal .navbar-nav .active .nav-link, header .navbar-expand-lg .menu-principal .navbar-nav .nav-link:hover{color: #81B959;}

header .logo a{display: inline-block;}
header .logo img{height: 76px;width: auto;transition: 0.3s all;transform: scale(1);}
header.fixed{padding: 0px 0;transition: 0.3s all;}

header.fixed .logo img{transition: 0.3s all;transform: scale(0.7);}
header.fixed .flexxxmenu{padding-top: 0px;padding-bottom: 0; transition: 0.3s all;}


header .menu-principal .dropdown-menu{background-color: #333;border-radius: 10px;width: 220px;padding: 10px 0;position: absolute;left:-60px;right:0;top: 35px;}
header .menu-principal .dropdown-menu:before {content: "";position: absolute;border: solid transparent;border-bottom-color: #333;border-width: 11px;top: -18px;right:100px;z-index: 1;}
header .menu-principal .dropdown-menu li{margin: 0;padding: 5px 10px;display: block;text-align: center;}
header .navbar-expand-lg .menu-principal .dropdown-menu li{border-bottom: 1px solid #fff;margin: 0 5px;}
header .navbar-expand-lg .menu-principal .dropdown-menu li .nav-link{font-size: 16px;color: #fff;} 
header .navbar-expand-lg .menu-principal .dropdown-menu li:last-child{border: none}
header .navbar-expand-lg .menu-principal .dropdown-menu li .nav-link:hover{color: #999;} 
header .navbar-expand-lg .menu-principal .dropdown-menu .current-menu-item .nav-link{color: #fff}

.title.titlemarca h1, .title.titlemarca h2{color:#fff}


#headp{position: relative;padding: 100px 0;}
#headp .container{position: relative;color: #fff;z-index: 9}
#headp:before{position:absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;mix-blend-mode: multiply;background-color: #81B959}
#headp:after{ background-image: url(imgs/icone_gera.svg);background-size: cover;background-attachment: fixed; background-position:top right;z-index: 0;height: 100%;width: 100%;background-size: 30%;background-repeat: no-repeat;content:'';position: absolute;top: 0}
#headp .title h1, #headp .title{margin-bottom: 0}

#slides{position: relative;overflow: hidden;}
#slides .imgslid{height: 110vh;display: flex;align-items: center;position: relative;}
#slides .elementic{background-image: url(imgs/icone_gera.svg);background-position:bottom right;height: 100%;width: 100%;background-size: 55%;background-repeat: no-repeat;right: 10px;display: block;position: absolute;bottom: 0;z-index: 1;}
#slides .imgslid:after{display: block;width: 100%;height: 100%;top: 0;left: 0;background: #81B959;mix-blend-mode: multiply;content:'';display: block;position: absolute;}
#slides .imgslid p{color: #fff;position: relative;}

#slides .owl-carousel button.owl-dot{height: 30px;width: 30px;background-color: #777;margin-right: 10px;border-radius: 50%;display: block;margin-bottom: 10px;}
#slides .owl-carousel button.owl-dot.active{background-color: #81B959;}
#slides .owl-dots{margin-top: -50px;position: relative;text-align: center;position: absolute;right: 0;top: 50%;}
#slides .infos{position: relative;z-index: 2;}
#slides .infos img{width: 300px;}

.introhm .marc{display: flex;justify-content: center;margin-top: 50px;flex-wrap: wrap;}
.introhm .marc .blokkkma{margin: 15px 30px;}
.introhm .marc img{height: 50px;width: auto;filter: grayscale(1);transition: 0.3s;transform: scale(1);}
.introhm .marc img:hover{height: 50px;width: auto;filter: grayscale(0);transition: 0.3s;transform: scale(1.05);}



#cookiePopup {background: rgba(255, 255, 255, 0.9);width: 100%;position: fixed;z-index: 999;left: 0px;bottom: 0px;padding: 30px;}
#cookiePopup h4{margin-bottom: 10px;}
#cookiePopup .flex{display: flex;align-items: flex-end;justify-content: center;}
#cookiePopup .flex .ti{width: 50%;margin-right: 30px;}
#cookiePopup p{text-align: left;font-size: 14px;margin: 0}
#cookiePopup p a{text-decoration: underline;}
#cookiePopup p, #cookiePopup p a, #cookiePopup h4{color: #000}
#cookiePopup button{background: #000;padding: 12px 40px;border-radius: 30px;color: #fff;display: inline-block;text-transform: uppercase; border:none;transition: 0.2s all}
#cookiePopup button:hover{transform: scale(1.1);transition: 0.2s all}



.grupseg{padding: 200px 0;position: relative;}
.grupseg img{height: auto;width:340px; margin-bottom: 20px;}
.grupseg p, .grupseg a{font-size: 23px}
.grupseg a{padding: 12px 26px;color: #fff;border-radius: 30px;margin-top: 20px;display: inline-block;font-weight: 600;}
.grupseg a:hover{transition: 0.3s all;transform: scale(1.05);}
.grupseg .container{position: relative;}
.grupseg:before{content: '';display: block;width: 100%;height: 100%;background-color: #fff;position: absolute;;top: 0;left: 0;opacity: 0;transition: 0.3s}
.grupseg:hover:before{opacity: 0.3;transition: 0.3s}


.blockservs{background-color: #f1f1f1}
.blockservs:nth-of-type(odd) {background-color: #fff}
.blockservs .title{text-align: right;padding: 0 30px 0;margin: 0}
.blockservs .title h2{margin: 0;padding: 0;font-size: 35px;}
.blockservs .lineseep{position: relative;padding-left: 50px;}
.blockservs .lineseep:before{content: '';display: block;width: 2px;height: 100%;left: 0;position: absolute;top: 0;bottom: 0}
.blockservs .flezx{display: flex;}
.blockservs .flezx .sercc{width: 100%;}
.blockservs .flezx .sercc ul{padding: 0 40px 0 15px}


.acoes_sociais{position: relative;padding-top: 30px;padding-bottom: 100px;}
.acoes_sociais .action{padding: 0px 0 200px;}
.acoes_sociais .action h2{font-weight: 400;font-size: 44px;line-height: 52px;}
.acoes_sociais h2{color: #009FE3;padding: 80px 0 0}
.acoes_sociais:after, .acoes_sociais:before{position: absolute;content:'';width: 100%;height: 100%;background-repeat: no-repeat;z-index: -1;}
.acoes_sociais:after{background-position: center right;background-image: url(imgs/symbol1.svg);top: 0px;background-size: 600px}
.acoes_sociais:before{background-position: bottom 0px left;background-image: url(imgs/symbol2.svg);bottom: 0;background-size: 250px}
.acoes_sociais .form{background-color: #169DDA;border-radius: 30px;padding: 50px 50px 30px;}
.acoes_sociais .form h3{color: #fff;text-align: center;font-size: 40px;font-weight: 400;line-height: 48px;}
.form .form-control{background-color: #fff;height: 60px;margin:0 0 20px;padding: 5px 30px}
.acoes_sociais .form .form-control{border: none;border-radius: 30px;}
.acoes_sociais .form .wpcf7-submit{background-color: #69BC95;color: #fff;font-weight: 600;font-size: 20px}
.acoes_sociais .wpcf7 form .wpcf7-response-output{border-radius: 30px;}
.acoes_sociais.acoesinterno{padding-top: 100px}
.sizemor p{font-size: 26px;}
.acoes_sociais .form .wpcf7-not-valid-tip{padding-left: 10px;color: #fff}

.talentos{position: relative;padding: 150px 0;}
.talentos .container{position: relative;color: #fff;z-index: 9}
.talentos:before{position:absolute;top: 0;left: 0;content: '';width: 100%;height: 100%;mix-blend-mode: multiply;}
.talentos p, .talentos li{font-size: 23px;color: #fff}
.talentos ul{margin: 0 0 50px 0;padding: 0}
.talentos li{list-style: none;background-image: url(imgs/li_img.svg);background-repeat: no-repeat;background-repeat: no-repeat;background-position: center left;padding-left: 40px;margin-bottom: 20px;background-size: 26px;}
.talentos .btt a{background-color: #1F2323}
.talentos:after{ background-image: url(imgs/icone_gera.svg);background-size: cover;background-attachment: fixed; background-position:center left;z-index: 0;height: 100%;width: 100%;background-size: 40%;background-repeat: no-repeat;content:'';position: absolute;top: 0;left: 0}

.post_recentes{background-color: #1F2323}
.post_recentes .shadopost{padding: 30px;transition: 0.3s all;border-radius: 10px;}
.post_recentes .shadopost:hover{background-color: #000;transition: 0.3s all}
.post_recentes .title h2{color: #81B959}
.post_recentes .txt p, .post_recentes .txt h3{color: #fff;margin: 0}
.post_recentes .txt h3{margin: 0 0 20px}
.post_recentes .shadopost:hover h3{color: #81B959}
.post_recentes .txt p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;font-size: 18px;}
.post_recentes figure{background-color: #fff;border-radius: 10px;height: 250px;margin-bottom: 30px;}
.post_recentes figure img{object-fit: none;object-position: center;height: 250px;border-radius: 10px;border: 0 solid #fff;transition: 0.2s all;}
.post_recentes .shadopost:hover figure img{border: 5px solid #fff;transition: 0.2s all}

footer .gruposfoo{background-color: #1F2323;padding: 80px 0;}
footer .blokkkma{background-color: #fff;margin: 20px;border-radius: 10px;padding: 50px 30px 60px;position: relative;}
footer .blokkkma figure{text-align: center;margin-bottom: 30px;height: 100px;line-height: 100px}
footer .blokkkma figure img{height: auto;width: 60%}
footer .blokkkma:hover .linecolor{height: 30px;transition: 0.3s all}
footer .blokkkma .linecolor{height: 20px;width: 70%;margin: auto;position: absolute;bottom: 0;left: 0;right: 0;transition: 0.3s all;border-radius: 10px 10px 0 0}
footer .blokkkma .infos{min-height: 250px;}
footer .blokkkma p{font-size: 19px}
footer .redes{padding: 0;margin: 0;list-style: none;text-align: center;}
footer .redes li{margin:0 5px;display: inline-block;}
footer .redes li a{font-size: 35px;display: inline-block;width: 40px;height: 40px;text-align: center;line-height: 40px;}
footer .redes li a:hover{transform: scale(1.2);}
footer .direitos p{padding: 15px 0;margin: 0;font-size: 15px;}
footer .direitos p a{text-decoration: underline;}


.form .form-control{font-family: 'Armin Soft';}
.wpcf7-not-valid-tip{padding-left: 10px;font-size: 15px;}
.pagcontact .form .form-control{background-color: #e1e1e1;margin: 0 0 15px;}
.pagcontact .form textarea.form-control{height: 150px;padding: 15px 30px;}
.pagcontact .form .wpcf7-submit, .pagcontact.formmarca .form .wpcf7-submit{background-color: #69BC95;color: #fff;font-weight: 600;font-size: 20px}


.pagcontact.formmarca .form-control{background-color: #fff;}
.pagcontact.formmarca .wpcf7-not-valid-tip{color: #fff;}

.wpcf7 form .wpcf7-response-output{color: #dc3545;border-radius: 7px;color: #fff;padding:15px;text-align: center;margin: 0 0 30px}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output{border-color: #dc3545;color:#fff;background-color:#dc3545 }
.wpcf7 form.sent .wpcf7-response-output{border-color: #46b450;color:#fff;background-color: #46b450}
.wpcf7 .wpcf7-not-valid-tip{font-size: 14px;margin-top: -10px;margin-bottom: 10px;color: #dc3545}


@media (max-width : 1200px) {
	header .menu-principal .navbar-nav li{margin: 0 10px;}
  .post_recentes figure, .post_recentes figure img{height: 170px;}
  .blockservs .title h2{text-align: left;margin-bottom: 50px;}
  .blockservs .lineseep:before{width: 100%;height: 2px;top: -30px;}
}


@media (max-width: 991px) {
	header .flexxxmenu{flex-wrap: wrap;}
	header .mennucol{margin: 0 30px;width: 100%;text-align: right;margin: 0}
	header .menu-principal .navbar-nav li{margin: 10px 0}
	header ul.redes a{font-size: 30px;width: 44px}
	#slides .imgslid{height: 70vh;background-size: inherit;}
  .container, .container-fluid{padding-right: 30px;padding-left: 30px;}
  footer .blokkkma figure{height: auto;margin-bottom: 50px;}
  footer .blokkkma{text-align: center;}
  .gruposfoo .owl-carousel .owl-item img{width: 200px;margin: auto;}
  header .menu-principal .dropdown-menu{display: block;position: relative;float: right;width: 100%;left: 0;top: 10px;background-color: #81B959}
  header .menu-principal .dropdown-menu:before{display: none}
  header .navbar-expand-lg .menu-principal .dropdown-menu li{text-align: right;}

}  


@media (max-width : 767px) {
  	#slides .elementic{background-size: 70%;}
	.acoes_sociais:after{background-size: 300px;}
	.grupseg, .talentos{padding: 120px 0;}
	.grupseg:before{opacity: 0.6}
	.grupseg img{width: 75%;height: auto}
	footer .gruposfoo{padding: 40px 0px;}
	.grupseg img{width: 50%;}
	.talentos:after{background-size: 80%;background-position: center left -100%;}
	.grupseg, .talentos{text-align: center;}
	.talentos.pagtalen{text-align: left;}
	#cookiePopup .flex{display: block;}
	#cookiePopup .flex .ti{width: 100%;margin-bottom: 15px;}
	.blockservs .flezx{flex-wrap: wrap;}

}


@media (max-width : 580px) {
	.acoes_sociais .title{margin-bottom: 0}
	.acoes_sociais h2, .acoes_sociais.acoesinterno{padding:40px 0;}
	#slides .infos img{width: 60%}
	.acoes_sociais .action h2{font-size: 36px;line-height: initial;}
	.acoes_sociais .form h3{font-size: 30px;line-height: initial;}
	.title h2, .title h1, .title h3, .title h4{font-size: 30px;}

	.post_recentes .title{margin: 0}
	.post_recentes .title h2{font-size: 30px;margin: 0}
	p, li, .grupseg p, .grupseg a, .talentos p, .talentos li{font-size: 18px;}
	.acoes_sociais .form{padding: 30px 30px 0}
	#headp{padding:50px 0;}
}


@media (max-width : 480px) {
 
}