.newsletter-copy {
width: 40%;
font-weight: 300;
color: #000;
font-size: 14px;
}
@media only screen and (max-width: 640px) {
.newsletter-copy {
width: 80%;
}
}
ul li {
margin: 5px 0 24px;
list-style-type: none;
}
@media only screen and (max-width: 640px) {
ul li {
margin: 5px 0 35px;
list-style-type: none;
}
}
.the-arrow {
width: 64px;
transition: all 0.2s;
}
.the-arrow.-left {
position: absolute;
top: 60%;
left: 0;
margin-left: -53px !important;
}
.the-arrow.-left > .shaft {
width: 0;
background-color: #999;
}
.the-arrow.-left > .shaft:before, .the-arrow.-left > .shaft:after {
width: 0;
background-color: #999;
}
.the-arrow.-left > .shaft:before {
transform: rotate(0);
}
.the-arrow.-left > .shaft:after {
transform: rotate(0);
}
.the-arrow.-right {
top: 5px;
margin-left: 25px;
}
.the-arrow.-right > .shaft {
width: 64px;
transition-delay: 0.2s;
}
.the-arrow.-right > .shaft:before, .the-arrow.-right > .shaft:after {
width: 8px;
transition-delay: 0.3s;
transition: all 0.5s;
}
.the-arrow.-right > .shaft:before {
transform: rotate(40deg);
}
.the-arrow.-right > .shaft:after {
transform: rotate(-40deg);
}
.the-arrow > .shaft {
background-color: #000;
display: block;
height: 1px;
position: relative;
transition: all 0.2s;
transition-delay: 0;
will-change: transform;
}
.the-arrow > .shaft:before, .the-arrow > .shaft:after {
background-color: #999;
content: '';
display: block;
height: 1px;
position: absolute;
top: 0;
right: 0;
transition: all 0.2s;
transition-delay: 0;
}
.the-arrow > .shaft:before {
transform-origin: top right;
}
.the-arrow > .shaft:after {
transform-origin: bottom right;
}
.animated-arrow {
display: inline-block;
color: #000;
font-size: 6.25vw;
text-decoration: none !important;
position: relative;
transition: all 0.2s;
}
@media only screen and (max-width: 640px) {
.animated-arrow {
text-decoration: underline !important;
}
}
.animated-arrow a {
font-style: none !important;
}
.animated-arrow:hover {
color: #00bf7f;
transition: all 0.3s;
}
.animated-arrow:hover > .the-arrow.-left > .shaft {
width: 64px;
transition-delay: 0.1s;
background-color: #000;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before, .animated-arrow:hover > .the-arrow.-left > .shaft:after {
width: 8px;
transition-delay: 0.1s;
background-color: #000;
}
.animated-arrow:hover > .the-arrow.-left > .shaft:before {
transform: rotate(40deg);
}
.animated-arrow:hover > .the-arrow.-left > .shaft:after {
transform: rotate(-40deg);
}
.animated-arrow:hover > .main {
transform: translateX(80px);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft {
width: 0;
transform: translateX(200%);
transition-delay: 0;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before, .animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
width: 0;
transition-delay: 0;
transition: all 0.1s;
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:before {
transform: rotate(0);
}
.animated-arrow:hover > .main > .the-arrow.-right > .shaft:after {
transform: rotate(0);
}
.animated-arrow > .main {
display: flex;
align-items: center;
transition: all 0.2s;
margin-left: -40px;
}
}
.animated-arrow > .main > .text {
margin: 0 50px 0 0;
line-height: 1;
font-style: none !important;
}
.animated-arrow > .main > .the-arrow {
position: relative;
font-style: none !important;
}
.ft-title2 {
font-size: 14px;
color: #000;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
transition: all 0.3s ease;
padding-bottom: 10px;
}
.ft-inner2 {
font-size: 14px;
line-height: 22px;
font-weight: 400;
text-decoration: none !important;
color: #000;
letter-spacing: 1px;
transition: all 0.3s ease;
}
.ft-inner2 a {
text-decoration: underline !important;
font-weight: 500;
color: #000;
transition: all 0.3s ease;
}
.ft-inner2 a:hover {
color: #00bf7f;
}
Address
Talk to us
casadoimpacto@scml.pt
+351 213 240 870*
+351 213 240 870*
* Cost of a call to the fixed network, according to your tariff, to and from Portugal and while roaming.
.petitle {
color: #fff;
font-size: 14px;
padding-bottom: 25px;
}
.petxt {
display: inline-block;
font-size: 16px;
}
.petxt span {
padding-right: 25px;
}
.petxt a {
color: #fff;
text-decoration: none;
transition: all 0.3s ease !important;
}
.petxt a:hover {
color: #00bf7f;
transition: all 0.3s ease !important;
}
@media only screen and (max-width: 640px) {
.petxt {
display: contents;
}
}
CONNECT
.ftcopyright {
display: flex;
align-items: center;
color: #999;
font-size: 12px;
font-weight: 500;
letter-spacing: 2;
text-transform: uppercase;
}
.ftpol {
color: #999;
font-size: 12px;
font-weight: 500;
letter-spacing: 2;
text-transform: uppercase;
}
.ftpol a {
color: #fff !important;
font-size: 12px !important;
font-weight: 500 !important;
text-decoration: underline;
transition: all 0.3s ease !important;
}
.ftpol a:hover {
color: #00bf7f !important;
transition: all 0.3s ease !important;
}
.ftpol2 {
display: none;
color: #999;
font-size: 12px;
font-weight: 500;
letter-spacing: 2;
text-transform: uppercase;
}
.ftpol2 a {
color: #fff !important;
text-decoration: underline;
transition: all 0.3s ease !important;
}
.ftpol2 a:hover {
color: #00bf7f;
transition: all 0.3s ease !important;
}
.ftc {
font-size: 32px;
padding: 0 15px;
}
.ftbullet {
padding: 0 15px;
}
@media only screen and (max-width: 640px) {
.fttotal {
display: block;
}
.ftcopyright {
display: flex;
align-items: center;
}
.ftbullet {
display: none;
}
.ftpol {
display: none;
}
.ftpol2 {
display: flex;
color: #fff;
}
}