/*
Theme Name: HTML5 Blank
Theme URI: http://html5blank.com
Description: HTML5 Blank WordPress Theme
Version: 1.4.3
Author: Todd Motto (@toddmotto)
Author URI: http://toddmotto.com
Tags: Blank, HTML5, CSS3
License: MIT
License URI: http://opensource.org/licenses/mit-license.php
*/
/*------------------------------------*\
MAIN
\*------------------------------------*/
body {
font-family: 'Roboto', sans-serif !important;
color: #3a3f52 !important;
}
b, h2 {
font-weight: 700 !important;
}
h2 {
font-size: 44px !important;
}
/*
CONTACT FORM - CONTACT INPUTS, FIELDS AND VALIDATION
*/
.wpcf7-form-control-wrap.whatsapp {
display: flex;
justify-content: center;
align-items: center;
}
.wpcf7-checkbox .wpcf7-list-item {
display: flex;
align-items: center;
}
.wpcf7-list-item-label {
margin-left: 1em;
font-size: 1.2rem;
font-family: 'Poppins';
font-weight: 700;
}
.item.item-full {
text-align: center;
}
div.wpcf7 .ajax-loader {
display: block !important;
margin: 1em auto !important;
margin-bottom: 0 !important;
}
.contact-form-bg {
position: absolute;
right: 0;
}
/*
Como fazemos
*/
.elementor-widget:not(:last-child) {
margin-bottom: auto !important;
}
.m-0, .m-0 p, .m-0 h2, .m-0 h3, .m-0 h4, .m-0 h5, .m-0 h6, .m-0 span {
margin: 0;
}
.box-make .elementor-column-wrap {
transition: .3s !important;
}
.box-make .elementor-column-wrap:hover {
background: #363636 !important;
}
.box-make .elementor-column-wrap h2,
.box-make .elementor-column-wrap p,
.box-make .elementor-column-wrap svg path {
transition: .3s !important;
}
.box-make .elementor-column-wrap:hover h2 {
color: #00FF6D !important;
}
.box-make .elementor-column-wrap:hover p,
.box-make .elementor-column-wrap:hover svg path {
color: #C7C7C7 !important;
fill: #fff;
}
/*
NOSSOS NÚMEROS
*/
/*///////////////////////////////////////////////////////////////////////////////////
Theme Name: Seo Company
Description: The Seo Company v1.0
Author: Diego Velázquez Rabasa - Templune
Author Personal Website: http://templune.com
Author Behance Profile: https://www.behance.net/diegovr7
Author Dribbble Profile: https://dribbble.com/diegovr7
Author Envato Profile: https://themeforest.net/user/diegovr7
Version: 1.0
External Resources:
Bootstrap 4
Google Fonts
Ionic Icons
*This Html Theme is royalty free for use in personal and commercial projects with
a couple of restrictions.
Publications
You are welcome to republish this Html Theme on condition that you link back to
https://www.behance.net/gallery/67279127/The-Seo-Company-Free-PSD-Template
and you should not provide the assets for direct download from your website.
Prohibitions
You do not have rights to redistribute, resell, lease, license, sub-license or offer
this resource to any third party «as is». If you want to use this resource as a part
of a product intended to be sold via any marketplace, please contact the author
templune@gmail.com of the freebie to get an extended license.
/////////////////////////////////////////////////////////////////////////////////*/
/* /////////////////////////////
1. Basic Styles
2. Navbar
3. Buttons
4. Hero
5. Marketing
6. Testimonials
7. Pricing
8. Call to Action
9. Footer
10. Media Queries
//////////////////////////*/
h2 {
font-size: 44px !important;
font-weight: 700 !important;
}
h3 {
font-size: 24px !important;
font-weight: 500 !important;
margin-bottom: 25px !important;
}
h5 {
font-size: 16px;
}
p {
font-size: 14px;
font-weight: 400;
letter-spacing: .05em;
color: #53627C;
}
ul {
list-style-type: none;
padding-left: 0px;
}
b {
font-weight: 700;
}
section {
padding: 100px 0px;
}
.title-block {
max-width: 700px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
text-align: center;
}
.title-block p {
font-size: 20px;
font-weight: 300;
color: #8da2b5;
margin-bottom: 0px;
}
.divider {
padding: 2rem 0 0;
margin: 2rem 0 0;
border-top: 1px solid #3c3f45;
}
.divider-light {
padding: 2rem 0 0;
margin: 2rem 0 0;
border-top: 1px solid #edf1f2
}
/* ==============================================
2. Navbar
===============================================*/
.custom-navbar {
background-color: #ffffff!important;
box-shadow: 0 2px 4px 0 rgba(0,0,0,.09);
height: 70px;
max-height: 70px;
}
.navbar-toggler {
font-size: 38px;
background-color: transparent;
}
.navbar-toggler:focus {
text-decoration: none;
outline: none;
}
.navbar-toggler-icon {
color: #ffffff;
}
.navbar-collapse {
background-color: #ffffff;
}
.nav-custom-link {
font-size: 12px;
font-weight: 400;
letter-spacing: .05em;
margin-top: 5px;
}
.navbar a {
color: #53627C !important;
}
.nav-right {
float: right;
}
/* ==============================================
3. Buttons
===============================================*/
.btn {
font-size: 14px;
font-weight: 400;
border-radius: 3px!important;
box-shadow: 0 2px 3px 0 rgba(0,0,0,.05), 0 1px 2px 0 rgba(0,0,0,.08);
}
.btn:hover {
text-decoration: none;
}
.btn-regular {
background-color: #095a39;
color: #ffffff;
padding: 10px 25px;
letter-spacing: .1em;
margin-top: 25px;
display: inline-block;
}
.btn-regular:hover {
background-color: #0191f0;
color: #ffffff;
}
.btn-demo {
color: #ffffff;
background-color: #6772e5;
letter-spacing: .1em;
padding: 15px 48px;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.btn-demo:hover {
color: #ffffff;
background-color: #636ee1;
}
.btn-demo-small {
font-size: 12px;
background-color: #6772e5;
padding: 1px 4px;
}
.btn-demo-small:hover {
background-color: #636ee1;
}
.btn-demo-small a {
color: #ffffff!important;
}
.btn-buy {
color: #ffffff;
background-color: #095a39;
letter-spacing: .1em;
padding: 15px 48px;
display: inline-block;
width: 100%;
margin-top: 20px;
}
.btn-buy:hover {
background-color: #0191f0;
color: #ffffff;
}
/* ==============================================
4. Hero
===============================================*/
#hero {
background-color: #f6f8f9;
}
#hero h1 {
font-size: 50px;
font-weight: 300;
}
#hero p {
font-size: 24px;
font-weight: 300;
color: #8da2b5;
margin-bottom: 0px;
padding: 0px;
}
#hero span {
font-weight: 400;
color: #095a39;
text-transform: uppercase;
letter-spacing: .05em;
}
/* ==============================================
5. Marketing
===============================================*/
#marketing p {
font-size: 20px;
font-weight: 300;
color: #8da2b5;
margin-bottom: 0px;
padding: 0px;
}
#marketing span {
font-weight: 400;
color: #095a39;
text-transform: uppercase;
letter-spacing: .05em;
}
.content-box {
padding: 60px 20px;
}
/* ==============================================
6. Testimonials
===============================================*/
#testimonials {
background-color: #f6f8f9;
border-top: 1px solid #F8F9FB;
border-bottom: 1px solid #F8F9FB;
}
.testimonial-box {
background-color: #ffffff;
box-shadow: 0 0 1px 0 rgba(0,12,32,0.04), 0 10px 16px 0 rgba(10,31,68,0.06);
border-radius: 20px;
padding: 20px 30px;
margin-top: 30px;
}
.testimonial-box h6 {
font-size: 22px;
font-weight: 700;
letter-spacing: .05em;
margin-top: 5px;
margin-bottom: 0px;
}
.testimonial-box p {
font-size: 16px;
font-weight: 300;
margin-top: 25px;
line-height: 1.8;
padding: 0px;
}
.testimonial-box i {
color: #ffffff;
}
.testimonial-box small {
color: #8da2b5;
display: inline-block;
}
.testimonial-box span {
font-size: 14px;
color: #ffffff;
}
.rating {
background-color: #095a39;
padding: 2px 12px;
border-radius: 50px;
}
.profile-picture {
display: inline-block;
width: 60px;
height: 60px;
border-radius: 50%;
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}
.review-one {
background-image: url('images/profile-picture-one.jpg');
}
.review-two {
background-image: url('images/profile-picture-two.jpg');
}
.personal-info {
padding: 5px 0 20px 0;
border-bottom: 1px solid #edf1f2;
}
/* ==============================================
7. Pricing
===============================================*/
.pricing-box {
background-color: #ffffff;
padding: 40px 20px;
border: 1px solid #F8F9FB;
border-radius: 6px;
box-shadow: 0 0 1px 0 rgba(0,12,32,0.04), 0 10px 16px 0 rgba(10,31,68,0.06);
margin-top: 30px;
}
.pricing-box h3 {
font-size: 22px;
font-weight: 300;
letter-spacing: .1em;
color: #095a39;
}
.pricing-box h6 {
font-size: 60px;
font-weight: 700;
color: #3a3f52;
margin-bottom: 0px;
}
.pricing-box p {
font-size: 17px;
margin-top: 15px;
padding: 0px;
}
.pricing-box ul {
padding-left: 10px;
}
.pricing-box li {
font-size: 14px;
font-weight: 300;
color: #8da2b5;
letter-spacing: .1em;
}
.pricing-box span {
font-weight: 500;
color: #095a39;
}
.pricing-box small {
color: #8da2b5;
letter-spacing: .2em;
}
.pricing-box i {
font-size: 20px;
color: #095a39;
margin-right: 10px;
}
.pricing-box .demo {
color: #6772e5!important;
}
/* ==============================================
8. Call to Action
===============================================*/
#call-to-action {
background-image: url('images/call-to-action.png');
background-repeat: no-repeat;
background-size: cover;
height: 100%;
}
#call-to-action h2 {
color: #ffffff;
}
#call-to-action p {
font-size: 20px;
font-weight: 300;
color: #ffffff;
opacity: .8;
margin-bottom: 40px;
}
#call-to-action .title-block {
margin-bottom: 0px;
}
#call-to-action .btn-regular {
background-color: #ffffff!important;
color: #095a39!important;
padding: 15px 45px;
}
#call-to-action .title-block {
margin-bottom: 0px;
}
/* ==============================================
9. Footer
===============================================*/
footer {
background-color: #292c31;
padding: 60px 0;
color: #62656a;
}
footer h5 {
color: #aeb3bd;
text-transform: uppercase;
letter-spacing: .1em;
margin-bottom: 20px;
}
footer p {
font-size: 12px;
font-weight: 300;
color: #62656a;
text-align: justify;
padding: 0px;
}
footer li {
font-size: 14px;
font-weight: 300;
letter-spacing: .05em;
line-height: 1.5;
margin-bottom: 10px;
}
footer a {
color: #62656a;
}
footer a:hover {
color: #095a39;
text-decoration: none;
}
footer i {
font-size: 25px;
color: #62656a;
margin-right: 10px;
}
footer i:hover {
color: #095a39;
}
footer small {
color: #62656a;
float: right;
}
.external-links {
color: #095a39;
}
/* ==============================================
9. Media Queries
===============================================*/
/* Extra small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
h2 {
font-size: 27px!important;
margin-bottom: 20px;
line-height: 1.6;
}
.container.parceiros {
padding: 2em 0em;
}
.session-parceiros {
position: relative;
z-index: 9;
}
#testimonials {
position: relative;
z-index: 0;
top: 3em;
}
.title-block h2, p {
text-align: left;
padding: 0px 20px;
}
#call-to-action h2, p {
text-align: left!important;
padding: 0 20px;
}
#call-to-action {
background-image: none;
background-color: #095a39;
}
footer {
padding: 60px 25px;
}
footer h5 {
font-size: 18px;
margin-top: 30px;
}
footer li {
font-size: 16px;
margin-bottom: 15px;
}
footer p {
font-size: 16px;
}
footer i {
font-size: 30px;
margin-right: 20px;
}
footer small {
float: left;
margin-top: 20px;
}
}
@media (max-width: 768px) {
#hero h1 {
font-size: 34px!important;
margin-bottom: 20px;
}
#hero p {
font-size: 20px!important;
}
}
@media (max-width: 991px) {
.nav-right {
float: left;
}
.nav-custom-link {
border-bottom: 1px solid #EEE;
}
.navbar-nav{
width: 100%;
}
.navbar-nav .nav-link {
padding: 20px 0;
text-align: left;
}
.btn-demo-small {
background-color: #ffffff;
border: 0px;
padding: 0px;
box-shadow: none;
}
.btn-demo-small:hover {
background-color: #ffffff;
border: 0px;
padding: 0px;
box-shadow: none;
}
.btn-demo-small a {
color: #53627C!important;
}
.nav-custom-link {
font-size: 13px;
}
.icon-mobile {
font-size: 18px;
float: right;
}
.navbar-collapse {
border-bottom: 1px solid #efefef;
}
.nav-logo-mobile {
margin: auto;
padding-right: 50px;
}
.nav-logo-desktop {
display: none;
}
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
.icon-mobile {
display: none;
}
.nav-logo-mobile {
display: none;
}
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
.hero-content {
margin-top: 100px;
}
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width: 991.98px) {
.pricing-box h3 {
font-size: 17px;
}
.pricing-box p {
font-size: 14px;
}
.pricing-box li {
font-size: 12px;
}
.btn-buy {
font-size: 12px;
padding: 15px 20px;
}
.btn-demo {
font-size: 12px;
padding: 15px 20px;
}
.profile-picture {
width: 50px;
height: 50px;
}
.testimonial-box h6 {
font-size: 14px;
margin-left: 10px;
}
.testimonial-box span {
font-size: 12px;
}
.testimonial-box small {
font-size: 12px;
margin-top: 4px;
margin-left: 10px;
}
}
.work figure {
width:calc(100% / 4 - 30px);
height:auto;
line-height:auto;
position: relative;
padding: 0 !important;
margin: 30px 12px;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.2);
background-color:#FFF;
}
.work figure.white dl{
background: #FFF;
}
.work {
display: flex;
flex-wrap: wrap;
}
.work figure a img {
height: 90%;
width: 90%;
margin-left:5%;
margin-top:5%;
}
.work figure dl {
opacity: 0;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
padding: 10px;
margin: 0;
line-height: 2.5;
color: white;
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
.work figure:hover dl {
opacity: 1;
}
.work figure dl dt {
font-family: Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 13px;
margin-bottom:0;
font-weight:600;
width:80%;
margin-left:10%;
color:#666;
text-align:left;
line-height: 140%;
margin-top:40px;
}
.work figure dl dd {
margin-left: 0;
font-family: Helvetica, sans-serif;
font-size: 12px;
font-weight:400;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height:150%;
color:#999;
width:80%;
margin-left:10%;
text-align:left;
}
#wrapper-part-info{
position:relative;
width:100%;
height: 22%;
background-color:#FFFFFF;
display: flex;
align-items: center;
}
#part-info{
float:left;
width:calc(100% - 53px);
text-align:left;
line-height:normal;
font-family: Helvetica, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-size: 15px;
font-weight:400;
color:#666;
margin-left:10px;
}
hr {
border-top: 2px solid rgba(0,0,0,0.4) !important;
margin-bottom: 0rem !important;
}
.part-info-image{
float:left;
margin-left:15px;
margin-top:8px;
}
.part-info-image img{width:100%;height:100%;}
.object {
transition: all 0.25s ease-in-out;
-webkit-transition: all 0.25s ease-in-out; /** Chrome & Safari **/
-moz-transition: all 0.25s ease-in-out; /** Firefox **/
-o-transition: all 0.25s ease-in-out; /** Opera **/
}
.container.parceiros {
max-width: 1256px;
background-color: #F4F4F4;
padding: 2em 2em;
}
.session-parceiros {
padding: 0;
}
.session-parceiros .work {
padding: 0;
}
#membros {
padding: 0;
}
@media only screen and (max-width: 480px) {
.work figure {
width:calc(100% - 30px);
}
}
@media only screen and (max-width: 992px) {
.work figure {
width: calc(100% / 2 - 30px);
}
}
footer {
background: #fff;
padding: 3em 30px;
top: 3em;
position: relative;
}