/* Global */

body {font-family: 'Hind', sans-serif; font-size: 16px; background-color: #ffffff; color: #1d1d1b; line-height: 150%;}

p {font-family: 'Hind', sans-serif; font-size: 16px; color: #1d1d1b; text-decoration: none; line-height: 150%;}

a {font-family: 'Hind', sans-serif; font-size: 16px; color: #1d1d1b; text-decoration: none;}

a:hover {font-family: 'Hind', sans-serif; color: #a8a54f; text-decoration: none;}

a:focus, a:active {text-decoration: none;}

.h1, .h2, .h3, .h4, .h5, .h6 {font-family: 'Hind', sans-serif;}

.no-padding {padding-left: 0!important; padding-right: 0!important;}



/* Top Menu */

#top-menu {height: 44px; position: relative; z-index: 1030;}

.topmenu {background-color: #000000;}

.menu-top-container {float: right; position: relative;}

.menu-top-container ul {list-style-type: none; margin: 0; padding: 10px;}

.menu-top-container ul li {text-decoration: none; display: inline; padding-right: 20px;}

.menu-top-container ul li:last-child {text-decoration: none; display: inline; padding-right: 0px;}

.menu-top-container ul li a {color: #dbb01e; font-size: 16px; display: inline-block;}

.menu-top-container ul li a:hover {color: #ffffff;}



/* Menu */

#main-menu {background-color: #ffffff; height: 100px; position: fixed; float: left; width: 100%; z-index: 1020;}

.navbar {margin-top: 44px;}

.navbar-brand {padding-top: 1.1rem;}

.mobile-opt {display: none;}

.desktop-opt {display: inherit;}



/* Company Menu */

#company-menu-pp {background-color: #80b23f; float: left; width: 100%;}

.menu-pedro-e-prazeres-container {float: left; position: relative; width: 100%;}

.menu-pedro-e-prazeres-container ul {list-style-type: none; margin: 0; text-align: center;}

.menu-pedro-e-prazeres-container ul li {text-decoration: none; display: inline;}

.menu-pedro-e-prazeres-container ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 3rem 2rem; font-weight: 700;}

.menu-pedro-e-prazeres-container ul li a:hover {background-color: #4e6b1f;}



#company-menu-logykapal {background-color: #a51c1b; float: left; width: 100%;}

.menu-logykapal-container {float: left; position: relative; width: 100%;}

.menu-logykapal-container ul {list-style-type: none; margin: 0; text-align: center;}

.menu-logykapal-container ul li {text-decoration: none; display: inline;}

.menu-logykapal-container ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 3rem 2rem; font-weight: 700;}

.menu-logykapal-container ul li a:hover {background-color: #6d0606;}



#company-menu-gl {background-color: #262262; float: left; width: 100%;}

.menu-generous-legacy-container {float: left; position: relative; width: 100%;}

.menu-generous-legacy-container ul {list-style-type: none; margin: 0; text-align: center;}

.menu-generous-legacy-container ul li {text-decoration: none; display: inline;}

.menu-generous-legacy-container ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 3rem 2rem; font-weight: 700;}

.menu-generous-legacy-container ul li a:hover {background-color: #07073a;}



#company-menu-ga {background-color: #db5a29; float: left; width: 100%;}

.menu-gazelle-adventure-container {float: left; position: relative; width: 100%;}

.menu-gazelle-adventure-container ul {list-style-type: none; margin: 0; text-align: center;}

.menu-gazelle-adventure-container ul li {text-decoration: none; display: inline;}

.menu-gazelle-adventure-container ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 3rem 2rem; font-weight: 700;}

.menu-gazelle-adventure-container ul li a:hover {background-color: #c1360c;}



#company-menu-equiconta {background-color: #dbb01e; float: left; width: 100%;}

.menu-equiconta-container {float: left; position: relative; width: 100%;}

.menu-equiconta-container ul {list-style-type: none; margin: 0; text-align: center;}

.menu-equiconta-container ul li {text-decoration: none; display: inline;}

.menu-equiconta-container ul li a {color: #ffffff; font-size: 16px; display: inline-block; padding: 3rem 2rem; font-weight: 700;}

.menu-equiconta-container ul li a:hover {background-color: #997205;}





/* Homepage */

#homepage {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_about.jpg") repeat-x center bottom;}

.logo-image {position: relative; margin-top: 4rem; float: left; width: 100%; border-bottom: 4px solid #000000;}

.vimeo-video-1 {position: relative; width: 100%; float: left; margin-top: 4rem;}

.homepage-about {position: relative; width: 100%; float: left; color: #ffffff;}

.homepage-about .widget-addon .border-title {margin: 1rem auto 0 auto; border-bottom: 4px solid #ffffff; width: 50%;}

.homepage-about .widget-addon .textwidget p {color: #ffffff;}

.widget-addon {margin-top: 4rem;}

.homepage-about .widget-addon {padding-bottom: 4rem;}

.widget-custom-title {}

.border-title {margin: 1rem auto 0 auto; border-bottom: 4px solid #000000; width: 50%;}

.textwidget {text-align: center; padding-top: 4rem;}



.what-we-do {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_what.jpg") repeat-x center top;}

.what-text {margin: 2rem 0 8rem 0;}

.border-icon {border-bottom: 4px solid #000000; margin: 3rem auto 0 auto; width: 30%;}



.company-group {position: relative; float: left; width: 100%; background-color: #ffffff;}

.border-title-left {margin-top: 1rem; border-bottom: 4px solid #ffffff; width: 80%;}

.widget-company {margin: 4rem 0; color: #ffffff; background-color: #1d1d1b; padding: 4rem; overflow: hidden;}

.widget-company .textwidget p {text-align: left; color: #ffffff;}

.company-1 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_pedroeprazeres.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-2 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_logykapal.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-3 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_generouslegacy.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-4 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_gazelleadventure.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-5 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_equiconta.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-1-logo {margin: 7rem 0 0 -5rem; z-index: 5; position: relative;}

.company-2-logo {margin: 8rem 0 0 19rem; z-index: 5; position: relative;}

.company-3-logo {margin: 9rem 0 0 -5rem; z-index: 5; position: relative;}

.company-4-logo {margin: 7rem 0 0 19rem; z-index: 5; position: relative;}

.company-5-logo {margin: 7rem 0 0 -5rem; z-index: 5; position: relative;}

.company-frame {float: left; position: relative;}

.see-more-l {position: relative; float: left;}

.see-more-l a {color: #ffffff; background-color: #80b23f; padding: 1rem 4rem;}

.see-more-l a:hover {color: #ffffff; background-color: #1d1d1b; padding: 1rem 4rem;}

.see-more-r {position: relative; float: right;}

.see-more-r a {color: #ffffff; background-color: #80b23f; padding: 1rem 4rem;}

.see-more-r a:hover {color: #ffffff; background-color: #1d1d1b; padding: 1rem 4rem;}



#pedro-e-prazeres {padding-top: 4rem;}

#logykapal {padding-top: 4rem;}

#gazelle-adventure {padding-top: 4rem;}

#generous-legacy {padding-top: 4rem;}

#equiconta {padding-top: 4rem;}



.contact {background-color: #d9d9d9; width: 100%; float: left; position: relative; padding: 7rem 0;}

.make-contact a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 20rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.make-contact a:hover {color: #ffffff; background-color: #80b23f; padding: 2rem 20rem;}


/* Button Pedro e Prazeres */

.button-link {float: left; width: 100%; position: relative; padding-bottom: 1rem; padding-top: 3rem;}

.button-link a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 3rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.button-link a:hover {color: #ffffff; background-color: #80b23f; padding: 2rem 3rem;}

.politica-ambiental, .politica-qualidade {text-align: center; padding: 4rem 0 2rem 0;}



/* Footer */

#footer {position: relative; float: left; background-color: #ffffff; width: 100%; padding: 4rem 0; border-bottom: 15px solid #000000;}

.footer-menu {float: right;}

.footer-menu ul {list-style-type: none; margin: 0; padding: 0;}

.footer-menu ul li {text-decoration: none; display: inline; padding-right: 20px;}

.footer-menu ul li:last-child {text-decoration: none; display: inline-block; padding-right: 0px;}

.footer-menu ul li {display: inline-block;}

.address p {margin-bottom: 0;}

.address .textwidget {text-align: right; padding-top: 0;}



/* Copyright */

#copyright {width: 100%; float: left; text-align: center; padding: 2em 0; font-size: 12px; color: #000;}

#copyright a {color: #351931;}

#copyright a:hover {color: #d88433;}



/* Company */

#pedroeprazeres-quemsomos, #logykapal-quemsomos, #generouslegacy-quemsomos, #gazelleadventure-quemsomos, #equiconta-quemsomos {padding-top: 6rem;}

.company-logo {position: relative; float: left; width: 100%; padding: 8rem 0; background-color: #d9d9d9;}

.company-video {position: relative; float: left; width: 100%; background-color: #1d1d1b;}

.vimeo-video-2 {position: relative; width: 100%; float: left;}

.company-about {position: relative; float: left; width: 100%;}

.about-text p {text-align: justify;}



/* Gallery */

.gallery {width: 100%; position: relative; float: left; margin: 4rem 0 0 0;}



/*Pages*/

#pedroeprazeres-servicos {padding-top: 10rem;}

#pedroeprazeres-certificacoes {padding-top: 10rem;}

.service-pp {margin-top: 4rem; position: relative; float: left; width: 100%; background: url("/images/pallet_background.jpg") repeat center top;}

.service-title {float: left; width: 100%; position: relative;}

.service-title .widget-custom-title {color: #ffffff;}

.service-title .border-title {border-bottom: 4px solid #ffffff; width: 70%;}

.service-content {margin-top: 0.5rem; background-color: #ffffff; padding: 2rem;}

.service-top {padding-top: 2rem;}

.service-bottom {padding-bottom: 4rem;}

.service-content p {text-align: justify;}

.service-content h4 {font-weight: 700;}

.service-content .border-title {margin: 1rem 0 0 0; border-bottom: 4px solid #80b23f; width: 30%;}

.certificate {float: left; position: relative; width: 100%;}

.certificate .textwidget p {text-align: justify;}

.about-box-pp {padding-left: 4rem;}

.about-box-pp .box p {color: #80b23f; font-weight: 700; padding: 2rem; border: 0.5rem solid #80b23f; margin-top: 6rem; text-align: center;}



#logykapal-sustentabilidade {padding-top: 6rem;}

.sustentabilidade {margin-top: 4rem; position: relative; float: left; width: 100%; background: url("/images/tree_background.jpg") repeat-x center top; min-height: 800px;}

.sustentabilidade-box {background-color: #1d1d1b; float: left; position: relative; opacity: 0.9; margin-top: 4rem;}

.sustentabilidade-box h1 {color: #ffffff;}

.sustentabilidade-box .border-title {border-bottom: 4px solid #ffffff; width: 70%;}

.sustentabilidade-box p {color: #ffffff;}

.sustentabilidade-box .textwidget {padding: 2rem; text-align: justify;}

.sustentabilidade-description {margin-top: 5rem;}

.sustentabilidade-description p {padding: 3rem; background-color: #ffffff;}

.sustentabilidade-square {background: url("/images/square.png") no-repeat center top; min-height: 600px;}

.logykapal-slogan {float: left; position: relative; width: 100%;}

.logykapal-slogan h1 {margin-top: 10rem;}

.make-contact-logykapal a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 20rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.make-contact-logykapal a:hover {color: #ffffff; background-color: #a51c1b; padding: 2rem 20rem;}

.about-box-logykapal {padding-left: 4rem;}

.about-box-logykapal .box p {color: #a51c1b; font-weight: 700; padding: 2rem; border: 0.5rem solid #a51c1b; margin-top: 6rem; text-align: center;}



#generouslegacy-diferenciais {padding-top: 10rem;}

#generouslegacy-servicos {padding-top: 6rem;}

.differential {position: relative; float: left; width: 100%; background: #d9d9d9; padding-bottom: 10rem;}

.differential-title {width: 100%; position: relative; float: left;}

.differential-title .border-title {width: 30%;}

.differential-content {position: relative; float: left; width: 100%; margin-top: 4rem;}

.differential-content p {padding: 2rem; background-color: #262262; color: #ffffff;}

.service-gl {width: 100%; position: relative; float: left; background: url("/images/working_desk.jpg") repeat-x center top; min-height: 800px;}

.service-square {background: url("/images/square.png") no-repeat center top; min-height: 600px;}

.service-gl-box {background-color: #1d1d1b; float: left; position: relative; opacity: 0.9; margin-top: 8rem;}

.service-gl-box h1 {color: #ffffff;}

.service-gl-box .border-title {border-bottom: 4px solid #ffffff; width: 70%;}

.service-gl-box p {color: #ffffff;}

.service-gl-box .textwidget {padding: 2rem; text-align: justify;}

.service-gl-slogan {float: left; position: relative; width: 100%; background-color: #262262; padding: 2rem 0;}

.service-gl-slogan-box {padding: 2rem; background-color: #ffffff; margin-top: 4rem; font-weight: 700;}

.service-gl-slogan h5 {color: #ffffff;}

.service-gl-slogan .border-title {margin: 0 0 1rem 0; border-bottom: 4px solid #957b50; width: 10%;}

.make-contact-gl a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 20rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.make-contact-gl a:hover {color: #ffffff; background-color: #262262; padding: 2rem 20rem;}

.about-box-gl {padding-left: 4rem;}

.about-box-gl .box p {color: #262262; font-weight: 700; padding: 2rem; border: 0.5rem solid #262262; margin-top: 6rem; text-align: center;}



#gazelleadventure-servicos {padding-top: 10rem;}

.service-ga {margin-top: 4rem; position: relative; float: left; width: 100%; background: url("/images/mulher_trabalhando.jpg") repeat center top;}

.service-ga-content p {text-align: justify;}

.service-ga-content h4 {font-weight: 700;}

.service-ga-content .border-title {margin: 1rem 0 0 0; border-bottom: 4px solid #80b23f; width: 30%;}

.service-ga-content {margin-top: 0.5rem; background-color: #ffffff; padding: 2rem;}

.space-2rem {padding-top: 2rem;}

.make-contact-ga a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 20rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.make-contact-ga a:hover {color: #ffffff; background-color: #db5a29; padding: 2rem 20rem;}

.service-ga-content .border-title {margin: 1rem 0 0 0; border-bottom: 4px solid #db5a29; width: 30%;}

.about-box-ga {padding-left: 4rem;}

.about-box-ga .box p {color: #db5a29; font-weight: 700; padding: 2rem; border: 0.5rem solid #db5a29; margin-top: 6rem; text-align: center;}



#equiconta-servicos {padding-top: 10rem;}

.service-equiconta {margin-top: 4rem; position: relative; float: left; width: 100%; background: url("/images/mulher_tablet.jpg") repeat center top;}

.service-equiconta-content p {text-align: justify;}

.service-equiconta-content h4 {font-weight: 700;}

.service-equiconta-content .border-title {margin: 1rem 0 0 0; border-bottom: 4px solid #dbb01e; width: 30%;}

.service-equiconta-content {margin-top: 0.5rem; background-color: #ffffff; padding: 2rem;}

.make-contact-equiconta a {color: #ffffff; background-color: #1d1d1b; padding: 2rem 20rem; outline: 2px solid #ffffff; outline-offset: -15px;}

.make-contact-equiconta a:hover {color: #ffffff; background-color: #dbb01e; padding: 2rem 20rem;}

.service-equiconta-content-2 .box p {color: #dbb01e; font-weight: 700; padding: 2rem; border: 0.5rem solid #dbb01e; margin: 6rem 0; text-align: center;}

.about-box-equiconta {padding-left: 4rem;}

.about-box-equiconta .box p {color: #dbb01e; font-weight: 700; padding: 2rem; border: 0.5rem solid #dbb01e; margin-top: 6rem; text-align: center;}



/*Contact-page*/

.contact-page {width: 100%; float: left; position: relative; background-color: #dddddd;}

.contact-form {background-color: #1d1d1b; padding: 4rem 0 1rem 0;}

.contact-form h1 {color: #ffffff;}

.contact-form .widget-addon {margin-top: 0;}

.contact-form .border-title {margin: 1rem auto 0 auto; border-bottom: 4px solid #ffffff; width: 40%;}

.address-page {padding: 4rem 0;}

.address-page p {margin: 0;}

.address-color {color: #80b23f;}

.e-mail a:hover {color: #80b23f;}



/*Contact Form 7*/

.mainform {padding: 0 2rem;}

.form-control {border-bottom: 3px solid #ffffff; color: #ffffff; border-radius: 0px; background: #1d1d1b; border-left: none; border-right: none; border-top: none;}

.form-control:focus {border-bottom: 3px solid #ffffff; color: #ffffff; border-radius: 0px; background: #1d1d1b; border-left: none; border-right: none; border-top: none; box-shadow: none;}

.btn-primary {background-color: #80b23f; border-color: #80b23f; -webkit-border-radius: 0px; -webkit-border-radius: 0px; -moz-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; border-radius: 0px; margin: 5rem auto 0 auto;}

.btn-primary:hover, .btn-primary:focus {background-color: #dbb01e; border-color: #dbb01e;}

input.btn-block[type="button"], input.btn-block[type="reset"], input.btn-block[type="submit"] {width: 45%;}

.form-group {margin-bottom: 3rem;}

.form-group ::placeholder {color: #ffffff;}

.form-group :-ms-input-placeholder {color: #ffffff;}

.formgroup ::-ms-input-placeholder {color: #ffffff;}

.form-group-button {margin-bottom: 2rem;}

div.wpcf7-response-output {color: #ffffff;}



@media (max-width: 1199.98px) {



/* Menu */

.desktop-opt {display: none;}

.mobile-opt {display: inherit;}

#main-menu {height: inherit;}

#top-menu {display: none;}

.navbar {margin-top: 0;}

.navbar-toggler {background-color: #ffffff;}

.navbar-brand {display: none;}

.navbar-collapse {background-color: #ffffff; opacity: 0.95;}

.navbar-collapse ul li:hover, .navbar-collapse ul li:focus {background-color: #1d1d1b; color: #ffffff;}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #ffffff;}

.navbar-nav .nav-link {padding-left: 0.5rem; width: 100%;}





/*Homepage*/

.vimeo-video-1 {margin-top: 2rem;}

.what-we-do {background: #e9e9e9;}



.company-1 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_pedroeprazeres_mobile.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-3 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_generouslegacy_mobile.jpg") no-repeat center center; margin-bottom: 3rem;}

.company-5 {position: relative; float: left; width: 100%; background: url("/images/pleggroup_background_equiconta_mobile.jpg") no-repeat center center; margin-bottom: 3rem;}



.company-1-logo, .company-2-logo, .company-3-logo, .company-4-logo, .company-5-logo {margin: 0 0 0 0;}

.see-more-l, .see-more-r {margin-top: 2rem; text-align: center; float: none;}

#pleggroup-pedro-e-prazeres, #pleggroup-logykapal, #pleggroup-generous-legacy, #pleggroup-gazelle-adventure, #pleggroup-equiconta {padding-top: 4rem;}

.widget-company {margin: 0;}



.contact {padding: 4rem 0;}

.make-contact a, .make-contact a:hover, .make-contact-logykapal a, .make-contact-logykapal a:hover, .make-contact-gl a, .make-contact-gl a:hover, .make-contact-ga a, .make-contact-ga a:hover, .make-contact-equiconta a, .make-contact-equiconta a:hover {padding: 2rem 0rem;}



#footer img {margin-bottom: 4rem;}

.footer-menu ul li {padding-right: 10px;}



/*Pedro & Prazeres*/

#company-menu-pp {display: none;}

#pedroeprazeres-quemsomos {padding-top: 0;}

#pedroeprazeres-servicos, #pedroeprazeres-certificacoes {padding-top: 3rem;}

.about-box-pp .box p {margin-top: 0;}

.about-box-pp {padding-left: 0;}

.service-pp {background: #80b23f; margin-top: 0;}

.certificate .widget-addon {margin-top: 0;}

/*Logykapal*/

#company-menu-logykapal {display: none;}

#logykapal-quemsomos {padding-top: 0;}

.about-box-logykapal .box p {margin-top: 0;}

.about-box-logykapal {padding-left: 0;}

#logykapal-sustentabilidade {padding-top: 0;}

.sustentabilidade-square {background: none;}

.sustentabilidade-box {margin-top: 2rem;}

.sustentabilidade-box h1 {font-size: 2.1rem;}

.sustentabilidade-description {margin-top: 2rem;}

.logykapal-slogan h1 {margin-top: 0; text-align: center;}



/*Generous Legacy*/

#company-menu-gl {display: none;}

#generouslegacy-quemsomos, #generouslegacy-servicos {padding-top: 0;}

#generouslegacy-diferenciais {padding-top: 3rem;}

.differential {padding-bottom: 3rem;}

.about-box-gl .box p {margin-top: 0;}

.about-box-gl {padding-left: 0;}

.service-square {background: none;}



/*Gazelle Adventure*/

#company-menu-ga {display: none;}

#gazelleadventure-quemsomos {padding-top: 0;}

#gazelleadventure-servicos {padding-top: 3rem;}

.about-box-ga .box p {margin-top: 0;}

.about-box-ga {padding-left: 0;}

.service-ga {background: #db5a29;}



/*Equiconta*/

#company-menu-equiconta {display: none;}

#equiconta-quemsomos {padding-top: 0;}

#equiconta-servicos {padding-top: 3rem;}

.about-box-equiconta .box p {margin-top: 0;}

.about-box-equiconta {padding-left: 0;}

.service-equiconta {background: #dbb01e;}

.service-equiconta-content-2 .box p {color: #ffffff; font-weight: 700; padding: 2rem; border: 0.5rem solid #ffffff; margin: 6rem 0; text-align: center;}





}



@media (max-width: 768px) {



.company-1, .company-2, .company-3, .company-4, .company-5 {background: #ffffff;}



}