@font-face {
font-family: NeoGroteskEss;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/NeogroteskEss-Light.ttf);
font-weight: 300;
}
@font-face {
font-family: NeoGroteskEss;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/NeogroteskEss-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: NeoGroteskEss;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/NeogroteskEss-Bold.ttf);
font-weight: 500;
}
@font-face {
font-family: NeoGroteskEss;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/NeogroteskEss-Black.ttf);
font-weight: 600;
}
@font-face {
font-family: Millard;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/Millard-Regular.ttf);
font-weight: 400;
}
@font-face {
font-family: Millard;
src: url(//algertos.com/wp-content/themes/algertos/assets/fonts/Millard-Bold.ttf);
font-weight: 500;
}  * {
margin: 0;
padding: 0;
}
html {
font-size: 10px;
}
body {
color: #222222;
font-family: NeoGroteskEss, sans-serif;
font-size: 1.7rem;
margin: 0;
padding: 0;
box-sizing: border-box;
line-height: 1.5em;
color: #222222;
min-height: 100vh;
display: flex;
flex-direction: column;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
body.modal-active {
overflow-y: hidden;
}
p {
font-size: 1.8rem;
line-height: 1.6em;
margin-bottom: 0.6em;
color: #222222;
font-weight: 300;
}
p.large {
font-size: 1.8rem;
font-weight: 500;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family: Millard, sans-serif;
color: #5F3334;
}
h1 {
font-size: 3.1rem;
line-height: 1.1em;
}
h1.front {
font-size: 3.1rem;
}
h2 {
font-size: 2.5rem;
line-height: 1.2em;
}
h3 {
font-size: 2rem;
line-height: 1.3em;
}
h4 {
font-size: 1.8rem;
line-height: 1.3em;
}
h5 {
font-size: 1.65rem;
line-height: 1.3em;
}
img {
width: 100%;
height: auto;
display: block;
vertical-align: bottom;
}
a {
text-decoration: none;
transition: 0.25s ease;
color: #CAB26A;
}
a:hover {
color: #CAB26A;
text-decoration: none;
}
ul {
list-style: none;
margin: 0;
padding: 0;
}
.container {
max-width: 1400px;
padding-left: 25px !important;
padding-right: 25px !important;
}
.container-fluid {
max-width: 1800px;
}
.no-margin {
margin: 0;
}
.mar-bot-80 {
margin-bottom: 8rem;
}
.red-clr {
color: red;
}
.bold {
font-weight: 700;
}
.full-w-section {
padding: 3rem 0;
overflow-x: clip;
}
.full-w-section video {
position: absolute;
bottom: 0;
left: 0;
z-index: -1;
}
@media (min-aspect-ratio: 16/9) {
.full-w-section video {
width: 100%;
height: auto;
}
}
@media (max-aspect-ratio: 16/9) {
.full-w-section video {
width: auto;
height: 100%;
}
}
.full-w-section.img-background {
background-repeat: no-repeat;
background-size: cover;
}
.full-w-section.img-background.bg-fixed {
background-attachment: fixed;
}
.full-w-section.img-background-half {
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.full-w-section.img-background-half.bg-fixed {
background-attachment: fixed;
}
.full-w-section.img-background-half::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background-color: #fff;
width: 100%;
height: 35%;
z-index: 0;
}
.full-w-section h2 {
font-family: Millard, sans-serif;
font-size: 5rem;
line-height: 1em;
font-weight: 500;
padding-bottom: 1.3rem;
margin-bottom: 4.8rem;
position: relative;
text-align: center;
}
.full-w-section h2 span {
color: #222222;
}
.full-w-section h2.light {
text-align: left;
color: #ececec;
}
.full-w-section h2.light span {
color: #CAB26A;
}
.full-w-section .cta-button {
margin-top: 4rem;
margin-left: auto;
margin-right: auto;
}
.padtop-150 {
padding-top: 150px;
}
.curve-top {
position: relative;
}
.curve-top::before {
position: absolute;
content: "";
left: 0;
top: -30px;
width: 100%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-curve-white.svg);
background-size: cover;
background-repeat: no-repeat;
transform: rotate(180deg);
}
.curve-bottom {
position: relative;
}
.curve-bottom::after {
position: absolute;
content: "";
left: 0;
bottom: -30px;
width: 100%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-curve-white.svg);
background-size: cover;
background-repeat: no-repeat;
}
.curve-bottom-2 {
position: relative;
z-index: 1;
}
.curve-bottom-2::after {
position: absolute;
content: "";
right: 0;
left: auto;
bottom: -119px;
width: 102%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-curve-white-bottom.svg);
background-size: contain;
background-repeat: no-repeat;
}
.curve-bottom-outside {
position: relative;
}
.curve-bottom-outside::after {
position: absolute;
content: "";
left: 0;
bottom: -70px;
width: 100%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-curve-white.svg);
background-size: cover;
background-repeat: no-repeat;
transform: rotate(180deg);
}
.torn-bottom {
position: relative;
z-index: 1;
}
.torn-bottom::after {
position: absolute;
content: "";
left: 0;
bottom: -75px;
width: 100%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-torn-paper.svg);
background-size: cover;
background-repeat: no-repeat;
}
.torn-bottom-inside {
position: relative;
padding-bottom: 120px;
}
.torn-bottom-inside::after {
position: absolute;
content: "";
left: 0;
bottom: -5px;
width: 100%;
height: 120px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-torn-paper.svg);
background-size: cover;
background-repeat: no-repeat;
transform: rotate(180deg);
}
.torn-bottom-inside.service-offerings::after {
bottom: 32%;
}
.background-pattern {
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/bg-pattern01.svg);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.about-food-truck {
padding-bottom: 4rem;
background-position: bottom;
}
.about-food-truck .sect-content h2 {
padding-top: 5rem;
margin-bottom: 10rem;
text-align: center;
position: relative;
text-shadow: 2px 2px 5px rgba(23, 10, 6, 0.7);
}
.about-food-truck .sect-content p {
margin-right: auto;
margin-left: auto;
max-width: 880px;
font-size: 2.2rem;
line-height: 1.4em;
font-weight: 300;
text-align: center;
}
.about-food-truck.main-cont {
position: relative;
}
.about-food-truck.main-cont::before {
opacity: 1;
position: absolute;
bottom: -8rem;
right: 0;
content: "";
width: 210px;
height: 260px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/burger02.png);
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
.our-reviews {
padding-bottom: 6rem;
}
.our-reviews .sect-content h2 {
font-size: 5rem;
font-weight: 500;
padding-top: 3rem;
margin-bottom: 2rem;
text-align: center;
position: relative;
}
.our-reviews .sect-content p {
margin-right: auto;
margin-left: auto;
max-width: 880px;
font-size: 2.2rem;
font-weight: 300;
text-align: center;
line-height: 1.3em;
}
.our-reviews.main-cont {
position: relative;
}
.our-reviews.main-cont::before {
opacity: 1;
position: absolute;
bottom: -8rem;
right: 0;
content: "";
width: 210px;
height: 260px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/burger02.png);
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
.contact-section {
padding-bottom: 5rem;
position: relative;
}
.contact-section::before {
opacity: 1;
position: absolute;
bottom: -8rem;
left: -12rem;
content: "";
width: 380px;
height: 380px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/burger01.png);
background-repeat: no-repeat;
background-size: contain;
z-index: 0;
}
.contact-section h2 {
color: #ececec;
text-align: left;
text-shadow: 4px 5px 4px rgba(33, 14, 9, 0.57);
}
.contact-section h2 span {
color: #CAB26A;
}
.contact-section.img-background {
background-position: bottom;
}
.contact-items .contact-item {
box-shadow: 0px 10px 23px 0px rgba(77, 77, 77, 0.15);
padding: 25px;
background-color: #fff;
transition: all 0.3s ease;
margin-bottom: 2rem;
}
.contact-items .contact-item .title {
color: #5F3334;
font-size: 2rem;
font-weight: 500;
}
.img-gallery {
padding-top: 18rem;
padding-bottom: 20rem;
}
.img-gallery .gallery {
padding: 0;
}
.img-gallery .img-container {
height: 230px;
overflow: hidden;
margin-bottom: 6px;
-moz-column-break-inside: avoid;
break-inside: avoid;
position: relative;
margin: 0.6rem;
}
.img-gallery .img-container img {
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
display: block;
} .page-single,
.post-single {
padding-top: 2rem;
padding-bottom: 4rem;
}
.page-single.with-cta,
.post-single.with-cta {
padding-bottom: 0;
}
.page-single.about-us-page .about-intro {
padding-right: 0;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.page-single.about-us-page .about-intro h2 {
font-size: 3.5rem;
color: #5F3334;
margin-bottom: 3rem;
line-height: 1.2em;
}
.page-single.about-us-page .about-intro p {
font-size: 2rem;
font-weight: 400;
}
.page-single.about-us-page .about-intro-2 {
padding-right: 0;
height: 100%;
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
}
.page-single.about-us-page .about-intro-2 h2 {
font-size: 3.5rem;
color: #5F3334;
margin-bottom: 3rem;
line-height: 1.2em;
}
.page-single.about-us-page .about-intro-2 p {
font-size: 2rem;
font-weight: 400;
}
.page-single.about-us-page .about-image {
border-radius: 8px;
overflow: hidden;
margin-bottom: 2rem;
}
.page-single.about-us-page .about-image.last {
margin-bottom: 0;
} header {
padding: 2.5rem 0;
background-color: transparent;
position: absolute;
width: 100%;
z-index: 1;
}
header .menu-icon {
align-items: center;
width: 32px;
height: 30px;
position: absolute;
top: 50%;
transform: translateY(-50%);
right: 20px;
cursor: pointer;
display: flex;
}
.menu-icon-close {
visibility: hidden;
opacity: 0;
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
width: 32px;
height: 32px;
opacity: 0.6;
z-index: 1000;
cursor: pointer;
}
.menu-icon-close:hover {
opacity: 1;
}
.menu-icon-close::before, .menu-icon-close::after {
position: absolute;
left: 15px;
content: " ";
height: 33px;
width: 2px;
background-color: #333;
}
.menu-icon-close::before {
transform: rotate(45deg);
}
.menu-icon-close::after {
transform: rotate(-45deg);
}
.overlay {
-o-border-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) 1;
border-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) fill 1;
}
.overlay2 {
-o-border-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) 1;
border-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)) fill 1;
}
.mask-overlay::before {
position: absolute;
content: "";
left: 0;
top: 0;
width: 100%;
height: 100%;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/element-curve-dark.svg);
background-size: cover;
background-repeat: no-repeat;
}
#overlay-mobile {
position: fixed;
z-index: 10;
top: 0;
bottom: 0;
left: 0;
right: 100%;
background-color: white;
transition: all 0.6s ease;
pointer-events: none;
height: 100%;
}
#overlay-mobile.show-overlay {
right: -100%;
opacity: 1;
visibility: visible;
pointer-events: all;
}
.main-menu .header-logo {
display: flex;
justify-content: flex-start;
}
.main-menu .header-logo img {
max-height: 180px;
}
.main-menu .header-logo.header-pages img {
margin-top: 2.5rem;
max-height: 140px;
}
.main-menu ul.primary-menu {
display: none;
flex-direction: row;
justify-content: flex-end;
align-items: center;
padding-top: 7rem;
}
.main-menu ul.primary-menu li {
line-height: 2.2em;
margin-left: 3rem;
display: flex;
align-items: flex-start;
height: -moz-fit-content;
height: fit-content;
}
.main-menu ul.primary-menu li.menu-cta-link a {
font-size: 2.2rem;
background-color: #FFCE1B;
opacity: 90%;
color: #5F3334;
text-shadow: none;
padding: 8px 15px 6px 15px;
border-radius: 8px;
font-weight: 400;
}
.main-menu ul.primary-menu li.menu-cta-link a:hover {
background-color: #fff;
color: #5F3334;
}
.main-menu ul.primary-menu li a {
font-size: 2.2rem;
font-weight: 400;
color: #ececec;
letter-spacing: 0.2px;
text-shadow: 2px 2px 5px rgba(23, 10, 6, 0.7);
}
.main-menu ul.primary-menu li a:hover {
color: #CAB26A;
}
.main-menu ul.primary-menu.mobile-menu {
display: flex;
z-index: 1000;
opacity: 1;
visibility: visible;
flex-direction: column;
justify-content: flex-start;
position: fixed;
top: 15rem;
left: 50%;
transform: translateX(-50%);
width: 90%;
}
.main-menu ul.primary-menu.mobile-menu li {
line-height: 2.8em;
margin-left: 2rem;
display: flex;
align-items: center;
}
.main-menu ul.primary-menu.mobile-menu li a {
font-size: 2.5rem;
font-weight: 500;
color: #5F3334;
line-height: 1.7em;
text-shadow: none;
}
.cta-button-group {
display: flex;
flex-wrap: wrap;
}
.cta-button-group .cta-button {
margin-right: 0;
max-width: 100%;
}
.cta-button-group .cta-button:last-child {
margin-right: 0;
}
.cta-button {
cursor: pointer;
max-width: -moz-max-content;
max-width: max-content;
z-index: 1;
}
.cta-button a.btn {
font-family: NeoGroteskEss, sans-serif;
color: #5F3334;
text-align: center;
font-size: 2rem;
font-style: normal;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
background-color: #FFCE1B;
border: 1px solid #FFCE1B;
border-radius: 6px;
padding: 20px 56px;
display: block;
margin: 10px 0;
width: 100%;
max-width: 100%;
min-width: 180px;
display: block;
line-height: 140%;
box-shadow: 5px 5px 0px 0px rgba(255, 206, 27, 0.4);
}
.cta-button a.btn:hover {
color: #5F3334;
background-color: #fff;
transform: translate(3px, 3px);
}
.cta-button a.btn.ghost-button {
color: #FFCE1B;
text-transform: initial;
font-size: 1.5rem;
font-weight: 600;
background-color: transparent;
border: 1px solid #FFCE1B;
border-radius: 6px;
padding: 13px 20px;
width: 100%;
max-width: 100%;
min-width: 170px;
text-align: center;
cursor: pointer;
transition: all 0.3s ease;
}
.cta-button a.btn.ghost-button:hover {
color: #fff;
background-color: #FFCE1B;
}
.cta-button.standard-page-btn {
display: flex;
justify-content: center;
}
.card-button {
cursor: pointer;
max-width: -moz-max-content;
max-width: max-content;
margin-left: auto;
margin-right: auto;
display: block;
margin-top: auto;
}
.card-button a.btn {
font-family: NeoGroteskEss, sans-serif;
color: #5F3334;
text-align: center;
font-size: 1.8rem;
font-style: normal;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
background-color: #FFCE1B;
border: 1px solid #FFCE1B;
border-radius: 6px;
padding: 12px 20px 9px 25px;
margin: 10px 0;
width: 100%;
max-width: 100%;
min-width: 180px;
line-height: 1em;
box-shadow: 5px 5px 0px 0px rgba(255, 206, 27, 0.4);
display: flex;
align-items: center;
justify-content: center;
}
.card-button a.btn:hover {
color: #5F3334;
background-color: #fff;
}
.card {
height: calc(100% - 30px);
box-shadow: 0px 10px 23px 0px rgba(77, 77, 77, 0.15);
overflow: hidden;
padding-bottom: 25px;
position: relative;
padding-bottom: 80px;
background-color: #fff;
transition: all 0.3s ease;
}
.card.rnd-corners {
border-radius: 8px;
}
.card .card-image {
margin-bottom: 2rem;
height: auto;
position: relative;
overflow: hidden;
max-height: 287px;
}
.card .card-image img {
position: relative;
left: 0;
top: 0;
transform: none;
}
.card .card-title {
font-family: Millard, sans-serif;
color: #5F3334;
font-size: 2rem;
line-height: 1.3em;
font-weight: 700;
padding: 0 2.3rem 0 2.3rem;
margin-bottom: 1.3rem;
transition: all 0.3s ease;
}
.card .card-content {
padding: 0 2.3rem 0 2.3rem;
margin-bottom: 1.6rem;
font-size: 1.5rem;
line-height: 1.4em;
color: #222222;
transition: all 0.3s ease;
}
.card .card-read-more {
padding: 0;
font-size: 1.5rem;
line-height: 1.4em;
color: #848e99;
font-weight: 500;
position: absolute;
bottom: 20px;
right: 2.6rem;
}
.card.card-2 {
background-color: #fff;
padding: 0 0 6rem 0;
border-radius: 0 30px 0 30px;
z-index: 1;
display: flex;
flex-direction: column;
}
.card.card-2 .card-icon {
display: flex;
justify-content: center;
align-items: center;
height: 140px;
margin-top: 4rem;
margin-bottom: 3rem;
}
.card.card-2 .card-icon img {
width: auto;
height: 100%;
}
.card.card-2 .card-title {
margin-bottom: 2rem;
padding-left: 15px;
padding-right: 15px;
text-align: center;
font-size: 4rem;
}
.card.card-2 .card-content {
text-align: center;
font-size: 2rem;
padding-left: 15px;
padding-right: 15px;
margin-bottom: 4rem;
}
.card.card-2 .card-button {
margin-top: auto;
}
.card.card-2:hover {
box-shadow: 0px 20px 23px 0px rgba(77, 77, 77, 0.2);
}
.card-menu {
height: calc(100% - 30px);
box-shadow: 0px 10px 23px 0px rgba(77, 77, 77, 0.15);
overflow: hidden;
position: relative;
background-color: #fff;
transition: all 0.3s ease;
padding: 0;
border-radius: 30px;
display: flex;
flex-direction: column;
}
.card-menu .card-icon {
flex: 0 0 400px;
display: flex;
justify-content: center;
align-items: center;
height: auto;
margin-top: 0;
margin-bottom: 0;
overflow: hidden;
position: relative;
}
.card-menu .card-icon img {
width: auto;
height: 100%;
position: absolute;
}
.card-menu .card-button {
position: absolute;
margin-right: 0;
margin-left: auto;
left: 50%;
transform: translateX(-50%);
bottom: 3.4rem;
}
.card-menu .card-button a.btn {
margin: 0;
}
.card-menu .card-body {
padding: 5rem 4rem 6rem 4rem;
}
.card-menu .card-body .card-title {
font-family: Millard, sans-serif;
color: #5F3334;
font-size: 3rem;
line-height: 1.3em;
font-weight: 700;
padding: 0;
margin-bottom: 1.3rem;
transition: all 0.3s ease;
}
.card-menu .card-body .card-content {
padding: 0;
margin-bottom: 1.6rem;
font-size: 1.7rem;
line-height: 1.4em;
color: #222222;
transition: all 0.3s ease;
}
.card-menu .card-body ul {
line-height: 2.8rem;
margin-bottom: 2rem;
}
.card-menu .card-body ul li {
font-weight: 300;
position: relative;
padding-left: 2rem;
}
.card-menu .card-body ul li::after {
position: absolute;
content: "";
background-color: #5F3334;
width: 8px;
height: 8px;
top: 1rem;
left: 0;
}
.card-menu .card-body .card-info {
padding-top: 2rem;
border-top: 1px solid #ccc;
line-height: 2.5rem;
display: flex;
flex-direction: column;
gap: 2rem;
}
.card-menu .card-body .card-info .card-price,
.card-menu .card-body .card-info .card-cost,
.card-menu .card-body .card-info .card-transport {
border-radius: 10px;
padding: 1rem 2rem;
background-color: #5F3334;
display: flex;
flex-direction: column;
color: #fff;
font-weight: 300;
}
.card-menu .card-body .card-info .card-price span,
.card-menu .card-body .card-info .card-cost span,
.card-menu .card-body .card-info .card-transport span {
color: #FFCE1B;
font-weight: 400;
text-transform: uppercase;
font-size: 14px;
}
.section-menu-info {
background-color: #FFCE1B;
padding: 3rem 4rem;
border-radius: 10px;
}
.section-menu-info ul {
line-height: 2.8rem;
margin-bottom: 0;
}
.section-menu-info ul li {
font-weight: 300;
position: relative;
padding-left: 2rem;
}
.section-menu-info ul li::after {
position: absolute;
content: "";
background-color: #5F3334;
width: 8px;
height: 8px;
top: 1rem;
left: 0;
}
.se-card-container {
display: flex;
flex-wrap: wrap;
overflow-x: visible;
max-width: 100%;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 100%;
justify-content: center;
flex-direction: row;
}
.se-card {
background-color: #5F3334;
position: relative;
width: 300px;
height: 100%;
max-height: 100%;
padding: 4rem 2rem 3rem 2rem;
box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
border-radius: 12px;
transition: transform 0.4s ease, z-index 0s;
z-index: 1;
margin-left: -50px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
font-size: 1.6rem;
font-weight: 400;
color: #333;
border: 1px solid #fff;
}
.se-card .card-title {
font-family: Millard, sans-serif;
color: #FFCE1B;
font-size: 2rem;
line-height: 1.4em;
font-weight: 500;
padding: 0 2.3rem 0 2.3rem;
margin-bottom: 1.3rem;
transition: all 0.3s ease;
letter-spacing: 1px;
}
.se-card .card-content {
padding: 0 2.3rem 0 2.3rem;
margin-bottom: 1.6rem;
line-height: 1.5em;
color: #fff;
transition: all 0.3s ease;
}
.se-card:first-child {
margin-left: 0;
}
.se-card:hover {
transform: translateX(-60px) rotate(-2deg);
z-index: 10;
} @media (max-width: 768px) {
.se-card-container {
flex-direction: row;
align-items: center;
flex-wrap: wrap;
height: auto;
}
.se-card {
margin: 10px 0;
width: 90%;
margin-left: 0 !important;
transform: none !important;
z-index: 1;
}
.se-card:hover {
transform: none;
z-index: 1;
}
}
@media (max-width: 1330px) {
.se-card {
max-height: 400px;
}
}
.ft-spacer {
height: 8rem;
}
footer {
margin-top: auto;
padding: 8rem 0 0 0;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/footer-bg.jpg);
background-size: cover;
background-repeat: no-repeat;
-o-border-image: linear-gradient(rgba(95, 51, 52, 0.6), rgba(95, 51, 52, 0.4)) 1;
border-image: linear-gradient(rgba(95, 51, 52, 0.6), rgba(95, 51, 52, 0.4)) fill 1;
}
footer .footer-widgets .footer-widget-title {
font-size: 2.2rem;
color: #ececec;
font-family: NeoGroteskEss, sans-serif;
font-weight: 400;
margin-bottom: 2rem;
}
footer .footer-widgets .footer-logo {
display: flex;
justify-content: center;
margin-bottom: 3rem;
width: 100%;
}
footer .footer-widgets .footer-logo img {
max-width: 250px;
}
footer.footer-one {
background-color: #10111A;
color: #E6E6E6;
font-size: 1.7rem;
}
footer.footer-one p {
color: #E6E6E6;
font-size: 1.7rem;
}
footer.footer-one li {
margin-bottom: 0.5rem;
color: #CAB26A;
}
footer.footer-one a {
color: #CAB26A;
font-size: 1.7rem;
line-height: 1.6em;
}
footer.footer-one a:hover {
color: #fff;
}
footer.footer-one .about-us-short {
margin-bottom: 3rem;
}
footer.footer-one .footer-disclaimer {
padding-top: 2.5rem;
padding-bottom: 2.5rem;
border-top: 1px solid rgba(255, 255, 255, 0.2);
}
footer.footer-one .footer-social {
display: flex;
height: auto;
flex-wrap: wrap;
margin-left: auto;
margin-bottom: 2rem;
margin-top: auto;
justify-content: center;
align-items: center;
}
footer.footer-one .footer-social .icon {
opacity: 0.7;
margin: 0 1rem 1rem 1rem;
height: 2rem;
width: auto;
transition: all 0.2s ease;
}
footer.footer-one .footer-social .icon:first-child {
margin-left: 15px;
}
footer.footer-one .footer-social .icon img {
width: auto;
height: 100%;
}
footer.footer-one .footer-social .icon:hover {
opacity: 1;
}
footer.footer-one .copyright {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 1.5rem;
padding-bottom: 1.5rem;
font-size: 1.3rem;
}
footer.footer-one .copyright .developer-company {
text-align: center;
font-size: 1.6rem;
font-weight: 300;
}
footer.footer-one .copyright-copy {
display: flex;
flex-wrap: wrap;
justify-content: center;
font-size: 1.6rem;
font-weight: 300;
}
footer.footer-one .copyright-copy .legal-stuff-menu {
margin-left: 2rem;
}
footer.footer-one .copyright-copy .legal-stuff-menu ul {
display: flex;
justify-content: center;
}
footer.footer-one .copyright-copy .legal-stuff-menu ul li {
font-size: 1.6rem;
margin-left: 1rem;
}
footer.footer-one .copyright-copy .legal-stuff-menu ul li a {
opacity: 1;
font-size: 1.6rem;
font-weight: 300;
}
footer.footer-one .copyright-copy .legal-stuff-menu ul li:first-child {
margin-left: 0;
}
.featured-image {
margin-bottom: 30px;
}
.post-category {
margin-bottom: 10px;
}
.post-date {
margin-bottom: 10px;
}
.wp-block-image {
margin-bottom: 2rem;
}
h2.wp-block-heading, h3.wp-block-heading {
margin-bottom: 2rem;
}
.hero-sect {
margin-bottom: 0;
min-height: 100vh;
padding-top: 30rem;
}
.hero-sect .hero-content {
padding: 0;
}
.hero-sect .hero-content h1 {
text-align: center;
font-size: 6rem;
font-family: Millard, sans-serif;
margin-bottom: 2rem;
left: 0;
position: relative;
color: #fff;
font-weight: 500;
}
.hero-sect .hero-content h1 span {
color: #CAB26A;
}
.hero-sect .hero-content .subtitle {
position: relative;
text-align: center;
color: #ececec;
font-size: 2.4rem;
font-family: NeoGroteskEss, sans-serif;
line-height: 1.3em;
font-weight: 300;
max-width: 650px;
left: 0;
}
.hero-sect .hero-content .subtitle span {
color: #CAB26A;
}
.hero-sect .hero-content.standard-page .small-title,
.hero-sect .hero-content.standard-page h1,
.hero-sect .hero-content.standard-page .subtitle {
color: #fff;
text-shadow: 2px 2px 4px rgba(37, 67, 126, 0.7);
}
.hero-sect .cta-button {
z-index: 10;
}
.hero-sect.hero-sect-page {
padding-top: 28rem;
height: 500px;
min-height: auto;
}
.hero-sect.hero-sect-page .hero-content {
padding: 0;
}
.hero-sect.hero-sect-page .hero-content h1 {
text-align: left;
font-size: 5rem;
line-height: 1.1em;
font-family: Millard, sans-serif;
margin-bottom: 2rem;
left: 0;
position: relative;
color: #fff;
font-weight: 500;
}
.hero-sect.hero-sect-page .hero-content h1 span {
color: #CAB26A;
}
.image-text-sect-1 {
margin-bottom: 0;
padding-top: 1rem;
padding-bottom: 0;
}
.image-text-sect-1 .sect-content {
display: flex;
justify-content: center;
height: 100%;
flex-direction: column;
padding-left: 0;
position: relative;
}
.image-text-sect-1 .sect-content::before {
opacity: 1;
position: absolute;
bottom: -100px;
right: -120px;
content: "";
width: 300px;
height: 300px;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/illustration-burger.svg);
background-repeat: no-repeat;
background-size: contain;
z-index: 1;
}
.image-text-sect-1 .it-image {
border-radius: 1rem;
position: relative;
margin-bottom: 4rem;
}
.image-text-sect-1 .it-image img {
border-radius: 10px;
}
.image-text-sect-1 h2 {
font-family: Millard, sans-serif;
font-size: 6rem;
line-height: 1.1em;
font-weight: 500;
padding-bottom: 1.3rem;
margin-bottom: 4.8rem;
position: relative;
text-align: center;
}
.image-text-sect-1 h2:after {
position: absolute;
bottom: -1rem;
left: 50%;
transform: translateX(-50%);
content: "";
height: 1px;
width: 100%;
max-width: 330px;
background-color: #B9B9B9;
opacity: 0.6;
}
.image-text-sect-1 h2 span {
color: #222222;
}
.image-text-sect-1 p {
font-size: 2.2rem;
font-weight: 300;
line-height: 140%;
text-align: center;
}
.image-text-sect-1 .cta-button {
margin-top: 3rem;
margin-left: auto;
margin-right: auto;
}
.service-offerings {
position: relative;
}
.service-offerings .card-2 {
z-index: 2;
}
.service-offerings .serv-offer {
position: relative;
}
.service-offerings .serv-offer h2 {
margin-bottom: 1rem;
}
.service-offerings .serv-offer p.subtitle.light {
font-size: 2.5rem;
font-weight: 400;
color: #fff;
margin-bottom: 2rem;
}
.service-offerings .serv-offer .card-2 {
padding-bottom: 10rem;
}
.service-offerings .serv-offer .card-2 .card-button {
position: absolute;
bottom: 3rem;
left: 50%;
transform: translateX(-50%);
}
.service-offerings .sect-content h2 {
position: relative;
}
ul.faq-wrapper {
margin-top: 3rem;
margin-bottom: 5rem;
font-weight: 700;
}
ul.faq-wrapper li {
z-index: 1;
background: #ffffff;
color: #5F3334;
padding: 24px 90px 24px 70px;
overflow: hidden;
margin-bottom: 15px;
border-radius: 9px;
cursor: pointer;
font-size: 2rem;
font-weight: 400;
position: relative;
border: 1px solid #fff;
list-style: none;
box-shadow: 0px 10px 23px 0px rgba(77, 77, 77, 0.15);
}
ul.faq-wrapper li .faq-number {
position: absolute;
left: 2rem;
padding-top: 3px;
padding-left: 1px;
font-size: 1.3rem;
background-color: #5f3334;
width: 3.2rem;
height: 3.2rem;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: #ffffff;
top: 3.4rem;
transform: translateY(-50%);
}
ul.faq-wrapper li::after {
content: "";
position: absolute;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/accordion-icon.svg);
background-repeat: no-repeat;
width: 33px;
height: 33px;
right: 30px;
top: 25px;
transition: all 0.2s ease-in;
}
ul.faq-wrapper li::before {
display: none;
}
ul.faq-wrapper li.menu-open {
border: 1px solid #5F3334;
}
ul.faq-wrapper li.menu-open::after {
transform: rotate(45deg);
}
ul.faq-wrapper li ul.content {
display: none;
margin-top: 2rem;
padding: 2rem 0 0 0;
border-top: 1px solid #e4e4e4;
}
ul.faq-wrapper li ul.content li {
border: none;
padding: 0;
font-weight: 400;
font-size: 1.8rem;
line-height: 1.5em;
opacity: 0.9;
overflow: visible;
box-shadow: none;
}
ul.faq-wrapper li ul.content li::after {
content: "";
position: absolute;
background: none;
width: 0;
height: 0;
}
ul.faq-wrapper li ul.content li ul {
padding-left: 2rem;
margin-bottom: 1.5rem;
}
ul.faq-wrapper li ul.content li ul li {
position: relative;
margin-bottom: 0.6rem;
}
ul.faq-wrapper li ul.content li ul li::before {
position: absolute;
top: 1rem;
left: -1.5rem;
content: "";
background-color: #CAB26A;
border-radius: 50%;
width: 0.6rem;
height: 0.6rem;
}
.features-cards {
margin-bottom: 4rem;
}
.features-cards h2 {
font-size: 5rem;
margin-bottom: 1rem;
line-height: 1em;
}
.features-cards p.subtitle {
text-align: center;
margin-bottom: 4rem;
line-height: 1.5em;
}
.content-bottom {
padding-top: 5rem;
padding-bottom: 5rem;
background-color: #FFCE1B;
}
.content-bottom h2 {
color: #5F3334;
letter-spacing: 1px;
text-align: center;
max-width: 800px;
margin: 0 auto 2rem auto;
}
.content-bottom p.subtitle {
text-align: center;
margin: 0 auto 2rem auto;
}
.content-bottom .cta-button {
margin: 0 auto;
}
.content-bottom .cta-button a {
background-color: #5F3334;
border: 1px solid #fff;
color: #fff;
}
.cmplz-cookiebanner {
padding: 2.5rem 4rem !important;
}
.cmplz-cookiebanner .cmplz-title {
font-size: 2rem !important;
font-family: NeoGroteskEss, sans-serif !important;
line-height: 1.3em !important;
color: #5F3334 !important;
}
.cmplz-cookiebanner .cmplz-message {
font-size: 1.4rem !important;
line-height: 1.5em !important;
}
.cmplz-cookiebanner .cmplz-message p {
font-size: 1.4rem;
line-height: 1.5em;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept {
background-color: #CAB26A !important;
border: 1px solid #CAB26A !important;
transition: all 0.3s ease;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-accept:hover {
background-color: #fff !important;
color: #CAB26A !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences {
border: 1px solid #CAB26A !important;
transition: all 0.3s ease;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-view-preferences:hover {
background-color: #fff !important;
color: #CAB26A !important;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny {
border: 1px solid #CAB26A !important;
transition: all 0.3s ease;
}
.cmplz-cookiebanner .cmplz-btn.cmplz-deny:hover {
background-color: #fff !important;
color: #CAB26A !important;
}
.cmplz-cookiebanner a.cmplz-link.cookie-statement {
color: #CAB26A !important;
}
.cmplz-cookiebanner a.cmplz-link.privacy-statement {
color: #CAB26A !important;
}
.fluentform {
background: #ffffff;
padding: 4rem 3.5rem 1rem 3.5rem;
border-radius: 8px;
box-shadow: 0px 10px 23px 0px rgba(77, 77, 77, 0.15);
position: relative !important;
z-index: 2;
}
.fluentform::before {
z-index: -1;
content: "";
left: -8rem;
bottom: 5rem;
width: 162px;
height: 180px;
position: absolute;
background-image: url(//algertos.com/wp-content/themes/algertos/assets/images/pattern-one.svg);
}
.contact-form {
z-index: 10;
position: relative;
}
.ff-default .ff-el-form-control {
border: none !important;
border-bottom: 1px solid #c0c0c0 !important;
border-radius: 0 !important;
color: #505050 !important;
font-family: NeoGroteskEss, sans-serif !important;
font-size: 1.5rem;
padding: 11px 0 !important;
background-color: transparent !important;
}
.ff-default .ff-el-form-control:focus {
background-color: transparent !important;
color: #585858 !important;
}
.ff-message-success {
border: none !important;
box-shadow: none !important;
margin-top: 5px !important;
padding: 15px !important;
}
.ff-message-success p {
color: #202020 !important;
text-align: center !important;
font-size: 1.8rem !important;
}
form .ff-btn-submit {
font-family: NeoGroteskEss, sans-serif !important;
color: #5F3334 !important;
text-align: center !important;
font-size: 1.8rem !important;
font-style: normal !important;
font-weight: 500 !important;
letter-spacing: 0.3px !important;
text-transform: uppercase !important;
background-color: #FFCE1B !important;
border: 1px solid #FFCE1B !important;
border-radius: 6px !important;
padding: 18px 30px 14px 30px !important;
margin: 10px 0 !important;
width: 100% !important;
max-width: 100% !important;
line-height: 1em !important;
box-shadow: 5px 5px 0px 0px rgba(255, 206, 27, 0.4) !important;
}
.fluentform .ff-step-titles li:before {
border-radius: 6px;
display: block;
font-size: 14px;
width: 30px;
height: 30px;
padding: 6px;
}
.fluentform .ff-step-titles li.ff_active:before,
.fluentform .ff-step-titles li.ff_completed:before {
background: #CAB26A !important;
}
.fluentform .ff-step-titles li.ff_active,
.fluentform .ff-step-titles li.ff_completed {
color: #5F3334 !important;
font-size: 1.8rem !important;
}
.fluentform .ff-step-titles li:after {
top: 14px;
height: 1px !important;
background: #c0c0c0 !important;
}
.fluentform .ff-step-titles li:first-child:after {
background: #c0c0c0 !important;
height: 1px !important;
}
h3.ff-el-section-title {
padding-top: 20px;
font-family: NeoGroteskEss, sans-serif;
font-weight: 400 !important;
font-size: 2.4rem !important;
}
.fluentform p {
font-size: 1.6rem !important;
}
.ff-default .ff-el-input--label label {
font-size: 1.5rem !important;
font-weight: 500;
}
.rangeslider__handle {
width: 25px !important;
height: 25px !important;
}
.rangeslider--horizontal {
height: 10px !important;
margin-top: 25px;
}
.rangeslider--horizontal .rangeslider__handle {
top: -8px !important;
}
.step-nav.ff_step_nav_last button {
font-family: NeoGroteskEss, sans-serif;
color: #5F3334;
text-align: center;
font-size: 1.4rem;
font-style: normal;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
background-color: #CAB26A !important;
border: 1px solid #CAB26A !important;
border-radius: 6px;
padding: 8px 20px 6px 20px;
display: block;
margin: 10px 0;
width: 100%;
max-width: -moz-max-content;
max-width: max-content;
min-width: 180px;
display: block;
line-height: 140%;
cursor: pointer;
transition: all 0.3s ease !important;
}
.step-nav.ff_step_nav_last button:hover {
color: #5F3334 !important;
background-color: #fff !important;
}
.ff-el-group.ff-text-left.ff_submit_btn_wrapper {
display: flex;
justify-content: flex-end;
}
.ff-el-group.ff-text-left.ff_submit_btn_wrapper button {
font-family: NeoGroteskEss, sans-serif !important;
color: #fff !important;
text-align: center;
font-size: 1.4rem !important;
font-style: normal;
font-weight: 500;
letter-spacing: 0.3px;
text-transform: uppercase;
background-color: #CAB26A !important;
border: 1px solid #CAB26A !important;
border-radius: 6px;
padding: 11px 20px 8px 20px !important;
display: block;
margin: 10px 0;
width: 100%;
max-width: -moz-max-content !important;
max-width: max-content !important;
min-width: 180px;
display: block;
line-height: 140%;
cursor: pointer;
transition: all 0.3s ease !important;
box-shadow: none !important;
}
.ff-el-group.ff-text-left.ff_submit_btn_wrapper button:hover {
color: #5F3334 !important;
background-color: #fff !important;
}
.ff-t-cell.ff-t-column-2 {
margin-left: 3rem;
}
.ff_g_map {
margin-bottom: 2rem;
}
.fluentform input::-moz-placeholder, .fluentform textarea::-moz-placeholder {
color: #505050 !important;
opacity: 1 !important;
}
.fluentform input::placeholder,
.fluentform textarea::placeholder {
color: #505050 !important;
opacity: 1 !important;
}  .rangeslider__fill {
background: #5F3334 !important;
}
.em-anim {
position: relative;
opacity: 0;
transition: 1.5s all ease;
}
.em-anim-left-a {
transform: translatex(-80%);
transition: 1s all ease;
animation-delay: 1s;
}
.em-anim-left-b {
transform: translatex(80%);
transition: 1s all ease;
}
.em-anim.active {
transform: translateY(0);
opacity: 1;
}
.em-anim.active .em-anim-left-a {
transform: translatex(0);
}
.em-anim.active .em-anim-left-b {
transform: translatex(0);
}
.em-anim.active .bounceIn {
animation-name: bounceIn;
animation-duration: 0.75s;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInLeft {
animation-name: bounceInLeft;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInLeft-delay1 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.2s;
}
.em-anim.active .bounceInLeft-delay2 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.4s;
}
.em-anim.active .bounceInLeft-delay3 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.6s;
}
.em-anim.active .bounceInLeft-delay4 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.8s;
}
.em-anim.active .bounceInLeft-delay5 {
animation-name: bounceInLeft;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.7s;
}
.em-anim.active .bounceInRight {
animation-name: bounceInRight;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .bounceInRight-delay {
animation-name: bounceInRight;
animation-duration: 2s;
animation-fill-mode: both;
animation-delay: 0.2s;
}
.em-anim.active .flipInX {
backface-visibility: visible !important;
animation-name: flipInX;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .pulse {
animation-name: pulse;
animation-duration: 0.6s;
animation-fill-mode: both;
animation-delay: 0.6s;
}
.em-anim.active .flipInY {
backface-visibility: visible !important;
animation-name: flipInY;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .fadeInUp {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .fadeInUp-delay {
animation-name: fadeInUp;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 0.7s;
}
.em-anim.active .fadeInRight {
animation-name: fadeInRight;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .rubberBand {
animation-name: rubberBand;
animation-duration: 1s;
animation-fill-mode: both;
}
.em-anim.active .rubberBand-delay-1 {
animation-name: rubberBand;
animation-duration: 1s;
animation-fill-mode: both;
animation-delay: 0.8s;
}
header .em-anim.active {
transform: none;
}
@keyframes bounceInLeft {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(-3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(25px, 0, 0);
}
75% {
transform: translate3d(-10px, 0, 0);
}
90% {
transform: translate3d(5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes bounceInRight {
0%, 60%, 75%, 90%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: translate3d(3000px, 0, 0);
}
60% {
opacity: 1;
transform: translate3d(-25px, 0, 0);
}
75% {
transform: translate3d(10px, 0, 0);
}
90% {
transform: translate3d(-5px, 0, 0);
}
100% {
transform: none;
}
}
@keyframes flipInX {
0% {
transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes pulse {
0% {
transform: scale3d(1, 1, 1);
}
50% {
transform: scale3d(1.05, 1.05, 1.05);
}
100% {
transform: scale3d(1, 1, 1);
}
}
@keyframes flipInY {
0% {
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transition-timing-function: ease-in;
opacity: 0;
}
40% {
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transition-timing-function: ease-in;
}
60% {
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
transform: perspective(400px);
}
}
@keyframes bounceIn {
0%, 20%, 40%, 60%, 80%, 100% {
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
0% {
opacity: 0;
transform: scale3d(0.3, 0.3, 0.3);
}
20% {
transform: scale3d(1.1, 1.1, 1.1);
}
40% {
transform: scale3d(0.9, 0.9, 0.9);
}
60% {
opacity: 1;
transform: scale3d(1.03, 1.03, 1.03);
}
80% {
transform: scale3d(0.97, 0.97, 0.97);
}
100% {
opacity: 1;
transform: scale3d(1, 1, 1);
}
}
@keyframes fadeInUp {
0% {
opacity: 0;
transform: translate3d(0, 100%, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes fadeInRight {
0% {
opacity: 0;
transform: translate3d(100%, 0, 0);
}
100% {
opacity: 1;
transform: none;
}
}
@keyframes rubberBand {
0% {
transform: scale3d(1, 1, 1);
}
30% {
transform: scale3d(1.25, 0.75, 1);
}
40% {
transform: scale3d(0.75, 1.25, 1);
}
50% {
transform: scale3d(1.15, 0.85, 1);
}
65% {
transform: scale3d(0.95, 1.05, 1);
}
75% {
transform: scale3d(1.05, 0.95, 1);
}
100% {
transform: scale3d(1, 1, 1);
}
}
.pseudo-anim {
position: relative;
} .pseudo-anim::before,
.pseudo-anim::after {
content: "";
position: absolute;
transition: transform 1s ease;
}
.pseudo-anim::before {
transition-delay: 1s;
left: -200px !important;
}
.pseudo-anim::after {
transition-delay: 0.5s;
} .pseudo-anim.animate::before {
transform: translateX(80px);
}
.pseudo-anim.animate::after {
transform: translateX(-10%);
}
.pseudo-anim-2 {
position: relative;
} .pseudo-anim-2::before {
content: "";
position: absolute;
transition: transform 1s ease;
}
.pseudo-anim-2::before {
transition-delay: 0.5s;
left: -300px !important;
} .pseudo-anim-2.animate::before {
transform: translateX(200px) scale(1.2);
} .loop-anim-1 {
animation: moveScaleOne 10s ease-in-out infinite;
}
@keyframes moveScaleOne {
0% {
transform: translate(-10px, -20px) scale(1) rotate(5deg);
}
50% {
transform: translate(0px, 0px) scale(1);
}
100% {
transform: translate(-10px, -20px) scale(1) rotate(5deg);
}
}
@media (min-width: 768px) { h1 {
font-size: 3.4rem;
line-height: 1em;
}
h1.front {
font-size: 3.4rem;
}
h2 {
font-size: 2.8rem;
}
h3 {
font-size: 2.2rem;
}
header {
z-index: 1;
}
.page-single.about-us-page .about-intro {
padding-right: 4rem;
}
.page-single.about-us-page .about-intro h2 {
font-size: 3.5rem;
color: #5F3334;
margin-bottom: 3rem;
line-height: 1.2em;
}
.page-single.about-us-page .about-intro p {
font-size: 2rem;
font-weight: 400;
}
.page-single.about-us-page .about-intro-2 {
padding-left: 4rem;
}
.page-single.about-us-page .about-intro-2 h2 {
font-size: 3.5rem;
color: #5F3334;
margin-bottom: 3rem;
line-height: 1.2em;
}
.page-single.about-us-page .about-intro-2 p {
font-size: 2rem;
font-weight: 400;
}
.page-single.about-us-page .about-image {
border-radius: 8px;
overflow: hidden;
}
.card-menu {
flex-direction: row;
}
.card-menu .card-body .card-info {
flex-direction: row;
}
.contact-section::before {
z-index: 1;
}
.hero-sect {
margin-bottom: 2rem;
}
.hero-sect .hero-content {
padding: 8rem 0 0 0;
}
.hero-sect .hero-content h1 {
text-align: center;
font-size: 9.8rem;
line-height: 9.3rem;
text-align: left;
left: 2rem;
}
.hero-sect .hero-content .subtitle {
text-align: left;
font-size: 2.6rem;
left: 2.5rem;
}
.hero-sect.hero-sect-page .hero-content h1 {
left: -5px;
}
.full-w-section h2 {
font-size: 7rem;
}
.image-text-sect-1 h2 {
font-size: 7rem;
}
.image-text-sect-1 p {
font-size: 2.4rem;
}
.about-food-truck .sect-content h2 {
padding-top: 32rem;
}
.about-food-truck .sect-content p {
font-size: 2.4rem;
} .card .card-image {
height: 187px;
}
.card .card-image img {
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
.our-reviews .sect-content h2 {
font-size: 7rem;
}
.our-reviews .sect-content p {
line-height: 1.2em;
} footer .footer-widgets .footer-logo {
justify-content: flex-start;
}
footer.footer-one .footer-social {
justify-content: flex-end;
height: 2rem;
margin-bottom: 2rem;
}
footer.footer-one .footer-social .icon {
height: 2.1rem;
}
footer.footer-one .footer-social .icon:first-child {
margin-left: 0;
}
footer.footer-one .legal-stuff-menu ul {
justify-content: flex-end;
}
footer.footer-one .legal-stuff-menu ul li:first-child {
margin-left: 2rem;
}
footer.footer-one .copyright .copyright-copy {
text-align: left;
justify-content: flex-start;
}
footer.footer-one .copyright .developer-company {
text-align: right;
}
}
@media (min-width: 992px) { h1 {
font-size: 3.8rem;
line-height: 1em;
}
h1.front {
font-size: 3.4rem;
}
h2 {
font-size: 3rem;
}
h3 {
font-size: 2.2rem;
} .card .card-image {
height: 160px;
}
}
@media (min-width: 1200px) { .card .card-image {
height: 195px;
}
}
@media (min-width: 1400px) {
.main-menu .header-logo img {
max-height: 240px;
}
.main-menu ul.primary-menu {
display: flex;
}
.menu-icon {
display: none !important;
}
}