body {
font-family: 'Open Sans',Arial,sans-serif;
font-size: 0.875rem;
line-height: 1.5rem;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; }
h1, h2, h3, h4, h5 {
font-family: Lato,'Open Sans',Arial,sans-serif; }
.container {
max-width: 1140px;
padding: 0 1em;
margin: 0 auto; }
a {
text-decoration: none; }
blockquote {
margin: 0 0 1.25em;
position: relative;
padding: 1em 1em 1em 4em; }
blockquote:before {
content: "\201C";
color: #AAA;
font-family: Georgia, serif;
font-size: 5.25em;
left: .25em;
line-height: 1;
position: absolute;
top: .125em; }
.archive h1.page-title {
text-align: center; }
.default-section, section#call-us, section#advantages, #office-info, section#services, section#blog {
overflow: hidden;
padding: 2.5em 0; }
.default-section h5, section#call-us h5, section#advantages h5, #office-info h5, section#services h5, section#blog h5 {
font-weight: 700;
text-align: center;
width: 100%;
font-size: 1.5rem;
line-height: 2.25rem;
margin: 0 auto 1em; }
.reviews-block {
text-align: center; }
.reviews-block .stars {
font-size: 1.5em;
line-height: 1.75em; }
.reviews-block .stars .rating {
display: block;
font-weight: bold; }
.reviews-block .text {
font-weight: bold; }
section#hero {
background-size: cover;
font-weight: bold;
text-shadow: 1px 2px 2px #000; }
section#hero .wrapper {
padding: 3em 0; }
section#hero h1 {
font-size: 3.5rem;
line-height: 3.875rem;
margin-top: 0; }
section#hero .subtitle {
font-family: Lato,'Open Sans',Arial,sans-serif;
font-size: 1.35em;
line-height: 1.5em;
font-weight: 600;
max-width: 34em;
margin-bottom: 1.5em; }
section#hero .ctas {
font-size: 1.15em; }
section#hero .ctas .button {
border: 1px solid;
padding: .5em 2em;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
text-shadow: none;
min-width: 14em;
text-align: center; }
section#hero .ctas .button:first-of-type {
margin-right: 1em; }
section#hero .ctas .button.alt {
background: transparent; }
@media (max-width: 1000px) {
section#hero {
text-align: center; }
section#hero .subtitle {
margin: 0 auto 1.5em; } }
@media (max-width: 700px) {
section#hero h1 {
font-size: 3em; }
section#hero .ctas {
max-width: 30em;
margin: 0 auto; }
section#hero .ctas .button:first-of-type {
margin-right: 0;
margin-bottom: 1em; } }
@media (max-width: 400px) {
section#hero .ctas .button {
width: 100%;
min-width: 0;
padding: .5em 0;
box-sizing: border-box; } }
section#team {
padding: 3em 0;
overflow: hidden; }
section#team .image, section#team .content {
float: left;
width: 49%; }
section#team .image img {
max-width: 100%;
max-height: 350px;
margin: 0 auto;
display: block; }
section#team .image .caption {
text-align: center;
font-style: italic;
margin-top: .5em; }
section#team .content {
padding-right: 2%; }
section#team .content h2 {
text-align: center;
font-size: 2rem;
font-weight: normal;
line-height: 1.25em;
margin-top: 0; }
section#team .content p {
font-size: 1rem;
line-height: 1.75rem; }
section#team .content .reviews {
text-align: center; }
section#team .content .reviews .stars {
font-size: 1.5rem;
line-height: 2.25rem; }
section#team .content .reviews .stars .rating {
display: block;
font-weight: bold; }
section#team .content .reviews .text {
font-weight: bold; }
@media (max-width: 900px) {
section#team .image, section#team .content {
float: none;
width: 100%;
max-width: 40em;
margin: 0 auto; }
section#team .content {
padding-right: 0;
margin-bottom: 2.5em;
text-align: center; } }
section#body-content {
padding: 3.5em 0;
max-width: 55em;
margin: 0 auto; }
section#body-content .cta-container {
text-align: center; }
section#body-content .cta-container .cta, section#body-content .cta-container body.blog article .more-link, body.blog article section#body-content .cta-container .more-link, section#body-content .cta-container body.category article .more-link, body.category article section#body-content .cta-container .more-link {
padding: .5em 1em;
display: inline-block;
margin: 1em auto 0; }
section#call-us .text {
float: left;
width: 45%;
padding-right: 1em;
box-sizing: border-box;
line-height: 1.75em; }
section#call-us .text a {
font-weight: bold;
font-size: 1.25em;
margin: 0 .25em; }
section#call-us .contact-form {
float: left;
width: 55%; }
section#call-us .contact-form p {
display: inline;
margin: 0; }
section#call-us .contact-form .wpcf7-form-control-wrap {
width: 30%;
float: left;
margin-right: 2%;
padding: 0;
margin-top: 0;
box-sizing: border-box; }
section#call-us .contact-form .wpcf7-form-control-wrap input[type="text"] {
padding: .35em .5em;
text-align: center; }
section#call-us .contact-form input[type="submit"] {
width: 36%;
float: left;
margin-right: 0;
display: inline-block;
min-width: 14em;
padding: .6em 0; }
section#call-us .ajax-loader {
display: none;
visibility: hidden; }
section#call-us div.wpcf7-mail-sent-ok {
display: block;
overflow: hidden;
margin: 1em auto; }
section#call-us .wpcf7-form-control-wrap[data-name="aceptacion"] {
width: 100%; }
section#call-us .wpcf7-acceptance {
margin-top: 0.75em;
display: block;
width: 100%;
text-align: center;
font-size: 0.75rem; }
section#call-us .cta-container {
text-align: center; }
section#call-us .cta-container .cta, section#call-us .cta-container body.blog article .more-link, body.blog article section#call-us .cta-container .more-link, section#call-us .cta-container body.category article .more-link, body.category article section#call-us .cta-container .more-link {
padding: .5em 1em;
display: inline-block; }
@media (max-width: 1601px) {
section#call-us .contact-form,
section#call-us .text {
width: 100%;
max-width: 50em;
margin: 0 auto;
float: none;
display: block; }
section#call-us .text {
margin-bottom: 1.5em;
max-width: 35em;
text-align: center;
padding: 0; } }
@media (max-width: 600px) {
section#call-us .contact-form .wpcf7-form-control-wrap {
margin: 0 2.5%;
padding: 0;
width: 45%; }
section#call-us .contact-form .wpcf7-form-control-wrap[data-name="aceptacion"] {
width: 100%;
margin-top: .5em; }
section#call-us .contact-form input[type="submit"] {
width: 95%;
margin: 1.5em 2.5% 0; } }
@media (max-width: 400px) {
section#call-us .contact-form .wpcf7-form-control-wrap {
width: 100%;
float: none;
margin: 0; }
section#call-us .contact-form .wpcf7-form-control-wrap[data-name="aceptacion"] {
margin-top: 0; }
section#call-us .contact-form .wpcf7-form-control-wrap input {
margin: 0 auto 1em;
max-width: 15rem; }
section#call-us .contact-form input[type="submit"] {
width: 100%;
margin: 0 auto 1em;
max-width: 15rem;
float: none; }
section#call-us .contact-form {
text-align: center; } }
section#advantages .advantage {
float: left;
width: 25%;
text-align: center; }
section#advantages .advantage i {
display: block;
font-size: 3em;
margin-bottom: .25em; }
section#advantages .advantage span {
display: block;
font-weight: bold;
font-size: 1.125em; }
@media (max-width: 800px) {
section#advantages .advantage {
width: 50%;
margin-bottom: 2em; }
section#advantages .container {
max-width: 35em; } }
@media (max-width: 450px) {
section#advantages .advantage {
float: none;
width: 100%; } }
#office-info {
text-align: center;
line-height: 1.75em; }
#office-info h4 {
font-size: 1.5em;
margin-bottom: .5em;
font-weight: bold; }
#office-info .address {
display: block;
margin-bottom: 1.25em; }
#office-info .address span {
display: block; }
#office-info .address span.telephone {
font-size: 1.5em;
margin: .5em 0; }
#office-info .address span a {
font-weight: bold; }
#office-info .address .web {
margin-top: .5em; }
#office-info .address .rrss {
margin: .5em auto;
font-size: 1.5em; }
#office-info .address .rrss i {
margin: 0 .25em; }
#office-info #map {
height: 23em; }
#office-info.offices .office {
float: left;
width: 50%; }
#office-info.offices-3 .office {
float: left;
width: 33.3%; }
@media (max-width: 1000px) {
#office-info.offices-3 .office {
float: left;
width: 100%; } }
@media (max-width: 800px) {
#office-info.offices-2 .office {
float: left;
width: 100%; } }
section#services ul {
margin: 2em auto 0;
overflow: hidden;
list-style-position: inside;
max-width: 65em;
padding: 0; }
section#services ul li {
float: left;
width: 33.33%;
font-weight: bold; }
section#services .more {
text-align: center;
margin: 1.5em auto 0;
font-weight: bold;
font-size: 1.125em; }
@media (max-width: 700px) {
section#services ul {
max-width: 40em; }
section#services ul li {
width: 50%; } }
@media (max-width: 500px) {
section#services ul {
max-width: 30em; }
section#services ul li {
width: 100%; } }
.page-template-page-contact #content header#page-header-base,
.page-template-page-services #content header#page-header-base {
text-align: center;
background-size: cover;
font-weight: bold;
text-shadow: 1px 2px 2px #000; }
.page-template-page-contact #content header#page-header-base .wrapper,
.page-template-page-services #content header#page-header-base .wrapper {
background: rgba(0, 0, 0, 0.75);
padding: 3em 0; }
.page-template-page-contact #content header#page-header-base h1,
.page-template-page-services #content header#page-header-base h1 {
font-size: 2.5rem;
line-height: 2.75rem;
margin-top: 0; }
.page-template-page-contact #content header#page-header-base .subtitle,
.page-template-page-services #content header#page-header-base .subtitle {
font-family: Lato,'Open Sans',Arial,sans-serif;
font-size: 1.35em;
line-height: 1.5em;
font-weight: 600;
max-width: 34em;
margin: 0 auto 1.5em; }
header#page-header-base {
text-align: center;
background-size: cover;
font-weight: bold;
text-shadow: 1px 2px 2px #000; }
header#page-header-base .wrapper {
background: rgba(0, 0, 0, 0.75);
padding: 2em 0; }
header#page-header-base h1 {
font-size: 2.5rem;
line-height: 2.75rem;
margin-top: 0; }
header#page-header-base h2 {
font-size: 1.5rem;
line-height: 2.25rem;
margin-top: 0; }
header#page-header-base .subtitle {
font-family: Lato,'Open Sans',Arial,sans-serif;
font-size: 1.35em;
line-height: 1.5em;
font-weight: 600;
max-width: 34em;
margin: 0 auto 1.5em; }
div.form {
padding: .75em 2em;
text-align: center;
border-radius: .5em; }
div.form h3 {
font-size: 1.5rem;
line-height: 2.25rem; }
div.form form input[type="text"], div.form form input[type="tel"], div.form form input[type="email"] {
width: 100%;
font-size: 1em;
padding: .5em;
margin-bottom: 1em;
border-radius: .33em; }
div.form form textarea {
resize: none;
height: 10em; }
div.form form input[type="submit"] {
margin-top: 1em;
padding: .75em 1.5em;
-webkit-animation-name: tada;
animation-name: tada;
animation-duration: 6s;
animation-delay: 0s;
animation-iteration-count: infinite;
-webkit-animation-duration: 6s;
-webkit-animation-delay: 0s;
-webkit-animation-iteration-count: infinite;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
div.form form .wpcf7-acceptance {
margin: .5em auto;
display: inline-block; }
.base-cta {
font-size: 1.25rem;
padding: .5em .75em;
display: inline-block;
text-transform: uppercase;
text-decoration: none;
text-shadow: none; }
.base-cta i {
margin-right: .25em; }
.page-template-page-contact section#contact-form {
padding: 2em 0;
overflow: hidden;
max-width: 70em;
margin: 0 auto; }
.page-template-page-contact section#contact-form div.form {
float: right;
width: 49%;
max-width: 32.5em; }
.page-template-page-contact section#contact-form div.advantages {
float: left;
width: 49%;
max-width: 32.5em;
text-align: center;
padding: .75em 2em;
border-radius: .5em; }
.page-template-page-contact section#contact-form div.advantages .wrapper {
padding: 0 0 .125em; }
.page-template-page-contact section#contact-form div.advantages .advantage {
width: 100%;
max-width: 19em;
text-align: left;
margin: 1em auto; }
.page-template-page-contact section#contact-form div.advantages .advantage i {
text-align: center;
font-size: 3em;
margin-right: .25em;
min-width: 1.5em; }
.page-template-page-contact section#contact-form div.advantages .advantage span {
font-size: 1rem;
top: -.35em;
position: relative; }
@media (max-width: 500px) {
.page-template-page-contact section#contact-form div.advantages .advantage {
text-align: center;
margin-bottom: 1.5em; }
.page-template-page-contact section#contact-form div.advantages .advantage i {
display: block;
width: 100%;
margin-right: 0;
margin-bottom: .125em; }
.page-template-page-contact section#contact-form div.advantages .advantage span {
display: block;
width: 100%;
top: 0; } }
.page-template-page-contact section#contact-form div.advantages .reviews-block {
margin: 0 auto 2em; }
@media (max-width: 700px) {
.page-template-page-contact section#contact-form div.form {
float: none;
width: 100%;
margin: 0 auto 2em; }
.page-template-page-contact section#contact-form div.advantages {
float: none;
width: 100%;
margin: 2em auto 0; } }
@-webkit-keyframes tada {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
80% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
82%, 84% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
86%, 90%, 94%, 98% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
88%, 92%, 96% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0);
-moz-transform: scale(1) rotate(0);
-ms-transform: scale(1) rotate(0);
-o-transform: scale(1) rotate(0);
transform: scale(1) rotate(0); } }
@keyframes tada {
0% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
80% {
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1); }
82%, 84% {
-webkit-transform: scale(0.9) rotate(-3deg);
-moz-transform: scale(0.9) rotate(-3deg);
-ms-transform: scale(0.9) rotate(-3deg);
-o-transform: scale(0.9) rotate(-3deg);
transform: scale(0.9) rotate(-3deg); }
86%, 90%, 94%, 98% {
-webkit-transform: scale(1.1) rotate(3deg);
-moz-transform: scale(1.1) rotate(3deg);
-ms-transform: scale(1.1) rotate(3deg);
-o-transform: scale(1.1) rotate(3deg);
transform: scale(1.1) rotate(3deg); }
88%, 92%, 96% {
-webkit-transform: scale(1.1) rotate(-3deg);
-moz-transform: scale(1.1) rotate(-3deg);
-ms-transform: scale(1.1) rotate(-3deg);
-o-transform: scale(1.1) rotate(-3deg);
transform: scale(1.1) rotate(-3deg); }
100% {
-webkit-transform: scale(1) rotate(0); } }
.page-template-page-services article {
overflow: hidden;
padding: 2em 0; }
.page-template-page-services article div#breadcrumbs {
text-align: center;
margin-bottom: 2em; }
.page-template-page-services article .content-wrapper {
margin: 1em auto;
max-width: 65em; }
.page-template-page-services article .content-wrapper h2 {
text-align: center; }
.page-template-page-services article .content-wrapper p {
text-align: center; }
.page-template-page-services article ul {
list-style: none;
margin: 1em auto;
padding: 0;
width: 100%;
max-width: 60em;
overflow: hidden;
display: flex;
flex-wrap: wrap; }
.page-template-page-services article ul li {
float: left;
width: 45%;
text-align: center;
text-transform: uppercase;
margin: 0 2.5% 1em;
font-size: 1rem;
line-height: 1.75rem;
font-weight: bold; }
.page-template-page-services article ul li a {
display: block; }
.page-template-page-services article ul li ul {
display: inline-block;
margin: 0;
padding: 1em 0 0; }
.page-template-page-services article ul li ul li {
width: 100%;
text-align: left;
text-transform: none;
min-height: 2em;
font-size: 0.875rem;
line-height: 1.5rem;
font-weight: normal;
margin: 0 auto .25em;
padding-left: 2em; }
@media (max-width: 750px) {
.page-template-page-services article ul li {
width: 100%;
max-width: 30em;
margin: 0 auto 1em;
float: none; } }
.page-template-page-profile #content header#profile-header .container, .page-template-page-profile #content article .container,
.single-equipo #content header#profile-header .container,
.single-equipo #content article .container,
.post-type-archive-equipo #content header#profile-header .container,
.post-type-archive-equipo #content article .container {
max-width: 65em;
overflow: hidden; }
.page-template-page-profile #content header#profile-header,
.single-equipo #content header#profile-header,
.post-type-archive-equipo #content header#profile-header {
padding: 2em 0; }
.page-template-page-profile #content header#profile-header .content,
.single-equipo #content header#profile-header .content,
.post-type-archive-equipo #content header#profile-header .content {
float: right;
width: 70%; }
.page-template-page-profile #content header#profile-header .content h1,
.single-equipo #content header#profile-header .content h1,
.post-type-archive-equipo #content header#profile-header .content h1 {
font-size: 2.25em;
font-weight: bold;
margin-bottom: .75em;
border-bottom: 3px solid;
width: auto;
display: inline-block;
padding-bottom: .25em; }
.page-template-page-profile #content header#profile-header .content h2,
.single-equipo #content header#profile-header .content h2,
.post-type-archive-equipo #content header#profile-header .content h2 {
font-weight: bold;
font-size: 1.25em;
margin-bottom: .75em; }
.page-template-page-profile #content header#profile-header .content .meta div,
.single-equipo #content header#profile-header .content .meta div,
.post-type-archive-equipo #content header#profile-header .content .meta div {
font-size: 1.125em;
margin-bottom: .75em; }
.page-template-page-profile #content header#profile-header .content .meta div .separator,
.single-equipo #content header#profile-header .content .meta div .separator,
.post-type-archive-equipo #content header#profile-header .content .meta div .separator {
margin: 0 .75em; }
.page-template-page-profile #content header#profile-header .image,
.single-equipo #content header#profile-header .image,
.post-type-archive-equipo #content header#profile-header .image {
float: left;
width: 25%; }
@media (max-width: 900px) {
.page-template-page-profile #content header#profile-header .content,
.single-equipo #content header#profile-header .content,
.post-type-archive-equipo #content header#profile-header .content {
width: 70%; }
.page-template-page-profile #content header#profile-header .content .meta div,
.single-equipo #content header#profile-header .content .meta div,
.post-type-archive-equipo #content header#profile-header .content .meta div {
margin-bottom: .35em; }
.page-template-page-profile #content header#profile-header .image,
.single-equipo #content header#profile-header .image,
.post-type-archive-equipo #content header#profile-header .image {
float: left;
width: 27%; } }
@media (max-width: 800px) {
.page-template-page-profile #content header#profile-header .content,
.single-equipo #content header#profile-header .content,
.post-type-archive-equipo #content header#profile-header .content {
float: none;
width: 100%;
text-align: center; }
.page-template-page-profile #content header#profile-header .content .meta div,
.single-equipo #content header#profile-header .content .meta div,
.post-type-archive-equipo #content header#profile-header .content .meta div {
margin-bottom: .75em;
line-height: 1.5em; }
.page-template-page-profile #content header#profile-header .content .meta div.contact .separator,
.single-equipo #content header#profile-header .content .meta div.contact .separator,
.post-type-archive-equipo #content header#profile-header .content .meta div.contact .separator {
display: none;
visibility: hidden; }
.page-template-page-profile #content header#profile-header .content .meta div.contact a,
.single-equipo #content header#profile-header .content .meta div.contact a,
.post-type-archive-equipo #content header#profile-header .content .meta div.contact a {
display: block;
margin-bottom: .5em; }
.page-template-page-profile #content header#profile-header .image,
.single-equipo #content header#profile-header .image,
.post-type-archive-equipo #content header#profile-header .image {
float: none;
width: 100%;
text-align: center;
max-width: 17em;
margin: 2em auto 0; } }
.page-template-page-profile #content article,
.single-equipo #content article,
.post-type-archive-equipo #content article {
padding: 2em 0; }
.page-template-page-profile #content article h2,
.single-equipo #content article h2,
.post-type-archive-equipo #content article h2 {
font-weight: bold;
font-size: 1.75em; }
.page-template-page-profile #content article ul,
.single-equipo #content article ul,
.post-type-archive-equipo #content article ul {
margin-left: 0; }
.page-template-page-profile #content article ul ul,
.single-equipo #content article ul ul,
.post-type-archive-equipo #content article ul ul {
margin-left: 0; }
.page-template-page-landing-city-service .container,
.page-template-page-landing-service .container,
.page-template-page-landing-service-ads .container,
.post-type-archive-casos-exito .container,
.single-servicios .container {
overflow: hidden; }
.page-template-page-landing-city-service .container article,
.page-template-page-landing-service .container article,
.page-template-page-landing-service-ads .container article,
.post-type-archive-casos-exito .container article,
.single-servicios .container article {
overflow: hidden;
padding: 1em 0 2em; }
.page-template-page-landing-city-service .container article div#breadcrumbs,
.page-template-page-landing-service .container article div#breadcrumbs,
.page-template-page-landing-service-ads .container article div#breadcrumbs,
.post-type-archive-casos-exito .container article div#breadcrumbs,
.single-servicios .container article div#breadcrumbs {
text-align: center;
margin-bottom: 2em; }
.page-template-page-landing-city-service .container article div.copy,
.page-template-page-landing-service .container article div.copy,
.page-template-page-landing-service-ads .container article div.copy,
.post-type-archive-casos-exito .container article div.copy,
.single-servicios .container article div.copy {
float: left;
width: 57.5%; }
.page-template-page-landing-city-service .container article div.copy figure,
.page-template-page-landing-service .container article div.copy figure,
.page-template-page-landing-service-ads .container article div.copy figure,
.post-type-archive-casos-exito .container article div.copy figure,
.single-servicios .container article div.copy figure {
text-align: center;
margin: .5em auto 2em; }
.page-template-page-landing-city-service .container article div.copy ul, .page-template-page-landing-city-service .container article div.copy ol,
.page-template-page-landing-service .container article div.copy ul,
.page-template-page-landing-service .container article div.copy ol,
.page-template-page-landing-service-ads .container article div.copy ul,
.page-template-page-landing-service-ads .container article div.copy ol,
.post-type-archive-casos-exito .container article div.copy ul,
.post-type-archive-casos-exito .container article div.copy ol,
.single-servicios .container article div.copy ul,
.single-servicios .container article div.copy ol {
margin-left: 0; }
.page-template-page-landing-city-service .container article div.copy ul ul, .page-template-page-landing-city-service .container article div.copy ul ol, .page-template-page-landing-city-service .container article div.copy ol ul, .page-template-page-landing-city-service .container article div.copy ol ol,
.page-template-page-landing-service .container article div.copy ul ul,
.page-template-page-landing-service .container article div.copy ul ol,
.page-template-page-landing-service .container article div.copy ol ul,
.page-template-page-landing-service .container article div.copy ol ol,
.page-template-page-landing-service-ads .container article div.copy ul ul,
.page-template-page-landing-service-ads .container article div.copy ul ol,
.page-template-page-landing-service-ads .container article div.copy ol ul,
.page-template-page-landing-service-ads .container article div.copy ol ol,
.post-type-archive-casos-exito .container article div.copy ul ul,
.post-type-archive-casos-exito .container article div.copy ul ol,
.post-type-archive-casos-exito .container article div.copy ol ul,
.post-type-archive-casos-exito .container article div.copy ol ol,
.single-servicios .container article div.copy ul ul,
.single-servicios .container article div.copy ul ol,
.single-servicios .container article div.copy ol ul,
.single-servicios .container article div.copy ol ol {
margin-left: 0; }
.page-template-page-landing-city-service .container article div.copy .map,
.page-template-page-landing-service .container article div.copy .map,
.page-template-page-landing-service-ads .container article div.copy .map,
.post-type-archive-casos-exito .container article div.copy .map,
.single-servicios .container article div.copy .map {
height: 22em;
margin-bottom: 3em; }
.page-template-page-landing-city-service .container article div.copy #landing-blog,
.page-template-page-landing-service .container article div.copy #landing-blog,
.page-template-page-landing-service-ads .container article div.copy #landing-blog,
.post-type-archive-casos-exito .container article div.copy #landing-blog,
.single-servicios .container article div.copy #landing-blog {
margin-top: 3em; }
.page-template-page-landing-city-service .container article div.copy #landing-blog article,
.page-template-page-landing-service .container article div.copy #landing-blog article,
.page-template-page-landing-service-ads .container article div.copy #landing-blog article,
.post-type-archive-casos-exito .container article div.copy #landing-blog article,
.single-servicios .container article div.copy #landing-blog article {
padding: 0; }
.page-template-page-landing-city-service .container article div.copy section#casos-exito .caso-exito-content .caso-exito-more,
.page-template-page-landing-service .container article div.copy section#casos-exito .caso-exito-content .caso-exito-more,
.page-template-page-landing-service-ads .container article div.copy section#casos-exito .caso-exito-content .caso-exito-more,
.post-type-archive-casos-exito .container article div.copy section#casos-exito .caso-exito-content .caso-exito-more,
.single-servicios .container article div.copy section#casos-exito .caso-exito-content .caso-exito-more {
display: block;
width: 11em;
padding: .25em; }
.page-template-page-landing-city-service .container article aside,
.page-template-page-landing-service .container article aside,
.page-template-page-landing-service-ads .container article aside,
.post-type-archive-casos-exito .container article aside,
.single-servicios .container article aside {
float: right;
width: 40%; }
.page-template-page-landing-city-service .container article aside .reviews,
.page-template-page-landing-service .container article aside .reviews,
.page-template-page-landing-service-ads .container article aside .reviews,
.post-type-archive-casos-exito .container article aside .reviews,
.single-servicios .container article aside .reviews {
padding: 2em;
border-radius: .5em;
text-align: center;
margin-bottom: 2em; }
.page-template-page-landing-city-service .container article aside .reviews h3,
.page-template-page-landing-service .container article aside .reviews h3,
.page-template-page-landing-service-ads .container article aside .reviews h3,
.post-type-archive-casos-exito .container article aside .reviews h3,
.single-servicios .container article aside .reviews h3 {
font-size: 1.5rem;
margin-top: 0; }
@media (max-width: 800px) {
.page-template-page-landing-city-service .container article div.copy,
.page-template-page-landing-service .container article div.copy,
.page-template-page-landing-service-ads .container article div.copy,
.post-type-archive-casos-exito .container article div.copy,
.single-servicios .container article div.copy {
width: 100%;
float: none;
max-width: 45em;
margin: 0 auto; }
.page-template-page-landing-city-service .container article aside,
.page-template-page-landing-service .container article aside,
.page-template-page-landing-service-ads .container article aside,
.post-type-archive-casos-exito .container article aside,
.single-servicios .container article aside {
margin: 2em auto 0;
width: 100%;
float: none;
max-width: 30em; } }
.page-template-page-landing-service-ads header#topheader, .page-template-page-landing-service-ads header#masthead {
display: none;
visibility: hidden; }
body.single-post #main .container, body.blog #main .container, body.category #main .container {
max-width: 900px; }
body.single-post #main .entry-meta, body.blog #main .entry-meta, body.category #main .entry-meta {
text-align: center;
margin-top: 1em; }
body.single-post #main .entry-title, body.blog #main .entry-title, body.category #main .entry-title {
text-align: center; }
body.single-post #main header.entry-header {
text-align: center; }
body.single-post #main header.entry-header h1.entry-title {
font-size: 2rem;
line-height: 2.25rem; }
body.single-post #main .entry-content h2 {
font-size: 1.5rem;
line-height: 2.25rem; }
body.single-post #main .entry-content h3 {
font-size: 1rem;
line-height: 1.75rem; }
body.single-post #main .entry-content h4 {
font-size: 0.875rem;
line-height: 1.5rem; }
body.single-post #main .entry-content ul, body.single-post #main .entry-content ol {
margin-left: 0;
margin-top: .5em; }
body.single-post #main .entry-content ul ul, body.single-post #main .entry-content ul ol, body.single-post #main .entry-content ol ul, body.single-post #main .entry-content ol ol {
margin-left: 0; }
body.single-post #main .entry-content ul li, body.single-post #main .entry-content ol li {
margin-bottom: .5em; }
body.single-post #main .entry-content .author_box {
display: block;
overflow: hidden;
padding: 1.5em;
margin: 2em 0; }
body.single-post #main .entry-content .author_box div.name {
font-size: 1.5em;
font-weight: bold;
margin: 0.5em auto 1em;
text-align: center; }
body.single-post #main .entry-content .author_box div.image {
float: left;
width: 27.5%;
padding-right: 2.5%; }
body.single-post #main .entry-content .author_box div.image img {
max-width: 100%;
width: 250px;
height: auto; }
body.single-post #main .entry-content .author_box div.box {
width: 70%;
float: left; }
body.single-post #main .entry-content .author_box div.box div.text p:last-of-type {
margin-bottom: 0; }
@media (max-width: 800px) {
body.single-post #main .entry-content .author_box div.image, body.single-post #main .entry-content .author_box div.box {
float: none;
text-align: center;
width: 100%;
padding-right: 0; }
body.single-post #main .entry-content .author_box div.image img, body.single-post #main .entry-content .author_box div.box img {
margin: 0 auto 1em;
width: 100%;
max-width: 200px; } }
body.single-post #main .entry-content iframe, body.single-casos-exito #main .entry-content iframe {
margin: 2em auto;
display: flex; }
body.single-post #main .entry-content .blog_cta, body.single-casos-exito #main .entry-content .blog_cta {
text-align: center;
padding: 1em 2em 2em; }
body.single-post #main .entry-content .blog_cta p, body.single-casos-exito #main .entry-content .blog_cta p {
margin-bottom: .75em; }
body.single-post #main .entry-content .blog_cta p.title, body.single-casos-exito #main .entry-content .blog_cta p.title {
font-size: 1.5rem;
font-weight: bold; }
body.single-post #main .entry-content .blog_cta p.content, body.single-casos-exito #main .entry-content .blog_cta p.content {
font-size: 1rem;
line-height: 1.75rem; }
body.single-post #main .entry-content .blog_cta a.cta, body.single-post #main .entry-content .blog_cta body.blog article a.more-link, body.blog article body.single-post #main .entry-content .blog_cta a.more-link, body.single-post #main .entry-content .blog_cta body.category article a.more-link, body.category article body.single-post #main .entry-content .blog_cta a.more-link, body.single-casos-exito #main .entry-content .blog_cta a.cta, body.single-casos-exito #main .entry-content .blog_cta body.blog article a.more-link, body.blog article body.single-casos-exito #main .entry-content .blog_cta a.more-link, body.single-casos-exito #main .entry-content .blog_cta body.category article a.more-link, body.category article body.single-casos-exito #main .entry-content .blog_cta a.more-link {
display: inline-block;
padding: .75em 1.5em;
margin: 1em auto; }
body.blog h1, body.category h1 {
text-align: center;
font-size: 2.5rem;
line-height: 2.75rem;
margin-bottom: 1.5em; }
body.blog article .entry-title, body.category article .entry-title {
font-size: 2rem;
line-height: 2.25rem; }
body.blog article .entry-content, body.category article .entry-content {
margin-top: 0; }
body.blog article .more-link, body.category article .more-link {
margin: 0 auto;
text-align: center;
width: 100%;
max-width: 11em;
display: block; }
body.blog a:hover img, body.category a:hover img {
opacity: .66; }
section#blog {
text-align: center; }
section#blog article {
float: left;
width: 50%;
padding: 1em; }
section#blog article .entry-title {
font-size: 1.5rem;
line-height: 2.25rem;
margin: .25em auto 0;
min-height: 3em; }
@media (max-width: 800px) {
section#blog article {
width: 100%;
max-width: 40em;
float: none;
margin: 0 auto 1em; } }
section#blog .more {
float: left;
width: 100%;
font-size: 1rem; }
body.single article.post iframe {
display: block;
margin: 0 auto; }
.wpcf7 .wpcf7-form.submitting .wpcf7-submit {
pointer-events: none;
opacity: .5; }
.wpcf7 .wpcf7-spinner {
display: none; }
.wpcf7 input[type="submit"] {
cursor: pointer; }
.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"], .wpcf7 textarea {
padding: .65em;
box-sizing: border-box;
width: 100%;
font-size: 0.875rem; }
.wpcf7 input[type="submit"], .cta, body.blog article .more-link, body.category article .more-link {
font-size: 0.875rem;
padding: .9em 0;
letter-spacing: 0;
border: 1px solid;
text-transform: uppercase;
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
border-radius: 3px; }
.wpcf7 input[type="submit"]:hover, .cta:hover, body.blog article .more-link:hover, body.category article .more-link:hover {
border: 1px solid; }
.wpcf7-acceptance input {
cursor: pointer; }
.wpcf7-list-item {
margin: 0; }
div.form .terms-and-conditions-text, div.contact-form .terms-and-conditions-text {
font-size: 0.75rem;
margin: 0 0;
text-align: center; }
div.form .terms-and-conditions-text .terms-and-conditions-hidden, div.contact-form .terms-and-conditions-text .terms-and-conditions-hidden {
display: none; }
div.form .terms-and-conditions-text .terms-and-conditions-more, div.contact-form .terms-and-conditions-text .terms-and-conditions-more {
text-decoration: underline;
cursor: pointer; }
div.form .terms-and-conditions-text .terms-and-conditions-more:hover, div.contact-form .terms-and-conditions-text .terms-and-conditions-more:hover {
text-decoration: none; }
section#call-us div.contact-form .terms-and-conditions-text {
margin-top: 1.5em;
float: left;
width: 100%; }
header#topheader {
position: fixed;
width: 100%;
z-index: 99999999999;
text-align: right;
font-weight: 600; }
header#topheader a {
padding: .5em 0;
margin-left: 1.5em;
display: inline-block; }
header#topheader a i {
margin-right: .25em; }
header#topheader div.container div {
float: right; }
header#topheader div.container div ul.menu {
list-style: none;
margin: 0;
padding: 0; }
header#topheader div.container div ul.menu li {
float: left; }
@media (max-width: 900px) {
header#topheader .mail {
display: none;
visibility: hidden; } }
@media (max-width: 700px) {
header#topheader {
font-size: 1.35em; }
header#topheader a {
margin-left: .5em;
margin-right: .5em; } }
@media (max-width: 500px) {
header#topheader {
text-align: center; }
header#topheader a:nth-child(3) {
visibility: hidden;
display: none; }
header#topheader ul.menu {
display: none;
visibility: hidden; } }
@media (max-width: 400px) {
header#topheader {
font-size: 1.15em; } }
@media (max-width: 300px) {
header#topheader {
text-align: center; }
header#topheader a {
display: block;
margin-left: 0;
margin-right: 0; } }
header#masthead {
display: block;
padding-top: 2.2em; }
@media (max-width: 300px) {
header#masthead {
padding-top: 5.5em; } }
header#masthead .site-branding {
float: left;
width: 25%;
padding-top: 1em; }
header#masthead .site-branding img {
height: 100%;
max-height: 5em;
width: auto; }
header#masthead #site-navigation {
float: left;
width: 75%; }
header#masthead #site-navigation ul.menu {
float: right; }
header#masthead #site-navigation ul.menu li.menu-item {
text-transform: uppercase;
font-weight: bold;
position: inherit; }
header#masthead #site-navigation ul.menu li.menu-item a {
padding: 2.5em 1.5em; }
header#masthead #site-navigation ul.menu li.menu-item ul.sub-menu {
padding-bottom: .5em;
border-top: 3px solid; }
header#masthead #site-navigation ul.menu li.menu-item ul.sub-menu li {
text-transform: none;
font-weight: normal; }
header#masthead #site-navigation ul.menu li.menu-item ul.sub-menu li a {
padding: .75em 1.5em;
min-width: 17.5em; }
header#masthead #site-navigation ul.menu li.menu-item:hover > ul, header#masthead #site-navigation ul.menu li.menu-item.focus > ul {
left: auto;
top: auto; }
header#masthead #site-navigation ul.menu li.menu-item:hover > ul li, header#masthead #site-navigation ul.menu li.menu-item.focus > ul li {
position: initial;
float: none; }
@media (max-width: 900px) {
header#masthead .site-branding {
width: 100%;
text-align: center; }
header#masthead #site-navigation {
width: 100%;
text-align: center; }
header#masthead #site-navigation ul.menu {
float: none;
display: inline-flex; }
header#masthead #site-navigation ul.menu ul.sub-menu {
text-align: left; } }
@media (max-width: 700px) {
header#masthead #site-navigation .menu-toggle {
display: block;
cursor: pointer;
font-weight: bold;
padding: 1em; }
header#masthead #site-navigation .main-navigation.toggled ul {
display: block; }
header#masthead #site-navigation ul.menu {
visibility: hidden;
display: none;
padding: 0 0 2em;
overflow: hidden; }
header#masthead #site-navigation ul.menu li.menu-item {
width: 100%;
text-align: left; }
header#masthead #site-navigation ul.menu li.menu-item a {
padding: 1em; }
header#masthead #site-navigation ul.menu li.menu-item ul.sub-menu {
left: 0;
position: relative;
box-shadow: none;
border: none; }
header#masthead #site-navigation ul.menu li:hover > ul, header#masthead #site-navigation ul.menu li.focus > ul {
left: auto; }
header#masthead #site-navigation.toggled ul.menu {
visibility: visible;
display: block; } }
footer#footer {
padding: 2em 0; }
footer#footer h4 {
font-weight: bold;
margin: 1.25em 0 .75em;
font-size: 1.25em; }
footer#footer h4::after {
content: "";
display: block;
width: 14%;
border-bottom: 2px solid;
margin-top: .5em; }
footer#footer a:hover {
text-decoration: underline; }
footer#footer ul {
list-style: none;
margin: 0;
padding: 0; }
footer#footer .block {
float: left;
width: 33.33%; }
footer#footer .block span {
display: block; }
footer#footer .block div.contact div, footer#footer .block div.address div {
min-height: 5.25em; }
footer#footer .cta, footer#footer body.blog article .more-link, body.blog article footer#footer .more-link, footer#footer body.category article .more-link, body.category article footer#footer .more-link {
padding: .5em 1.25em;
margin-top: 1em;
display: inline-block; }
footer#footer .cta:hover, footer#footer body.blog article .more-link:hover, body.blog article footer#footer .more-link:hover, footer#footer body.category article .more-link:hover, body.category article footer#footer .more-link:hover {
text-decoration: none; }
@media (max-width: 800px) {
footer#footer .block {
float: left;
width: 100%;
text-align: center;
margin-bottom: .5em; }
footer#footer h4:after {
margin: .5em auto 0; } }
body.error404 div#content #main {
padding: 6em 0;
text-align: center; }
body.error404 div#content #main h1 {
font-size: 3em;
margin-bottom: 1em; }