.testimonials-aspace-3 {
padding-top: 17px;
padding-bottom: 15px;
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.testimonials1-aspace p {
padding: 15px 0 0;
font-size: 14px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.testimonials1-aspace p {
line-height: 22px;
}
}
@media (max-width: 767px) {
.testimonials1-aspace p {
line-height: 32px;
}
}
.testinonials-3-active div .user {
border: 5px solid #fff;
border-radius: 50%;
box-shadow: 0px 0px 49.5px 0.5px rgba(189, 189, 189, 0.5);
margin-top: 38px;
}
.testinonials-3-active div span h4 {
font-size: 14px;
font-weight: 700;
color: #fc5546;
padding-top: 15px;
}
.testinonials-3-active div span {
font-size: 14px;
font-weight: 500;
color: #8a8a8a;
padding-top: 0;
}
.testinonials-3-active {
width: 100%;
}
.testinonials-3-active div img {
height: calc(50vh - 100px);
width: auto;
margin: 0 auto;
/* it centers any block level element */
}
/* ss-slider */
#slider_26024_slide01 {
padding: 0!important;
margin: 0!important;
}
#slider_26024_slide02 {
padding: 0!important;
margin: 0!important;
}
#slider_26024_slide03 {
padding: 0!important;
margin: 0!important;
}
#slider_26024_slide01 {
width: auto;
}
#slider_26024_slide02 {
width: auto;
}
#slider_26024_slide03 {
width: auto;
}
/* gauziano-strong */
#slider_26162_slide01 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
#slider_26162_slide01 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
/* modern construction */
#slider_26277_slide01 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
#slider_26277_slide01 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
#slider_26277_slide02 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
#slider_26277_slide02 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
#slider_26277_slide03 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
#slider_26277_slide03 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 0;
}
.slider_26277 h1 {
z-index: 3;
}
.slider_26277 h2 {
z-index: 3;
}
.slider_26277 h3 {
z-index: 3;
}
.slider_26277 h4 {
z-index: 3;
}
.text-26277 h1 {
z-index: 3!important;
}
.text-26277 div h1 {
z-index: 3!important;
}
.slider_26277 div h2 {
z-index: 3;
}
.slider_26277 div h3 {
z-index: 3;
}
.slider_26277 div h4 {
z-index: 3;
}
.slider_26277 div div h1 {
z-index: 3;
}
.slider_26277 div div h2 {
z-index: 3;
}
.slider_26277 div div h3 {
z-index: 3;
}
.slider_26277 div h4 {
z-index: 3;
}
/* gauziano-play */
#slider_26165_slide01 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
#slider_26165_slide01 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
#slider_26165_slide02 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
height: 100%;
}
#slider_26165_slide02 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
/* si quiere tener mas slides descargar la version extendeible */
/* asped ratio slider images */
#slider_26277 .owl-next {
top: 50px;
}
@media (min-width: 998px) {
#slider_26277 .owl-next {
top: 250px;
}
#slider_26277 .owl-prev {
top: 250px;
}
}
@media (min-width: 768px) and (max-width: 998px) {
#slider_26277 .owl-next {
top: 150px;
}
#slider_26277 .owl-prev {
top: 150px;
}
}
@media (min-width: 540px) and (max-width: 767px) {
#slider_26277 .owl-next {
top: 100px;
}
#slider_26277 .owl-prev {
top: 100px;
}
}
@media (min-width: 250px) and (max-width: 540px) {
#slider_26277 .owl-next {
top: 50px;
}
#slider_26277 .owl-prev {
top: 50px;
}
}
.back-text-box {
float: left;
margin: 1% 0 1% 1.6%;
background: rgb(0 0 0 / 50%);
box-shadow: inset 0 0 150px rgba(0, 0, 0, 0.7);
}
.back-text-box {
width: 94%;
padding: 3%;
display: block;
position: relative;
top: 50px;
}
.s2-about_icon {
padding-top: 2px;
border-left: 5px solid rgba(228, 129, 37, 0.877);
top: 30px;
left: 0;
position: absolute;
height: 80px;
text-shadow: 1px 1px 2px red, 0.2em 0em 1em rgb(168, 168, 245), 0.1em 0 2em hsl(240, 69%, 81%);
}
/* parallax-planets */
.scene {
z-index: -1;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
min-height: 100vh;
}
.layer {
left: -10%;
top: 0;
width: 110%;
height: 100%;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.layer-1 {
text-shadow: 1px 1px 2px rgb(223, 140, 140), 0.2em 0em 1em rgb(168, 168, 245), 0.1em 0 2em hsl(240, 69%, 81%);
border: 1px rgba(246, 247, 248, 0.877);
border-radius: 50%;
border-width: 80px;
background-image: url('https://localhost/wordpress/wp-content/uploads/2021/11/planets2.png');
}
.layer-1::before {
text-shadow: 1px 1px 2px red, 0.2em 0em 1em rgb(168, 168, 245), 0.1em 0 2em hsl(240, 69%, 81%);
border: 3px solid rgba(228, 129, 37, 0.877);
border-radius: 50%;
background-image: url('https://localhost/wordpress/wp-content/uploads/2021/11/planets2.png');
}
.layer-1::after {
text-shadow: 1px 1px 2px rgb(77, 9, 9), 0.2em 0em 1em rgb(168, 168, 245), 0.1em 0 2em hsl(240, 69%, 81%);
border: 3px solid rgba(228, 129, 37, 0.877);
border-radius: 50%;
background-image: url('parallax1.png');
}
.layer-bg {
background-image: linear-gradient(to right bottom, #2d7196, #1d2a4c);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
}
.layer-2 {
background-image: url('parallax2.png');
}
.layer-3 {
background-image: url('https://localhost/wordpress/wp-content/uploads/2021/11/planets.png');
}
.layer-2 {
width: 120px;
height: 120px;
position: absolute;
top: 370px;
left: 680px;
}
@media (min-width: 998px) {
.layer-3 {
width: 120px;
height: 120px;
position: absolute;
top: 70px;
left: 140px;
}
}
@media (min-width: 998px) {
.layer-1 {
width: 120px;
height: 120px;
position: absolute;
top: 270px;
left: 480px;
z-index: 2;
}
}
@media (min-width: 768px) and (max-width: 998px) {
.layer-3 {
width: 80px;
height: 80px;
position: absolute;
top: 70px;
left: 120px;
}
}
@media (min-width: 768px) and (max-width: 998px) {
.layer-1 {
width: 80px;
height: 80px;
position: absolute;
top: 270px;
left: 380px;
}
}
@media (min-width: 540px) and (max-width: 767px) {
.layer-3 {
width: 80px;
height: 80px;
position: absolute;
top: 70px;
left: 80px;
}
}
@media (min-width: 540px) and (max-width: 767px) {
.layer-1 {
width: 80px;
height: 80px;
position: absolute;
top: 170px;
left: 320px;
}
}
@media (min-width: 250px) and (max-width: 540px) {
.layer-3 {
width: 60px;
height: 60px;
position: absolute;
top: 70px;
left: 80px;
}
}
@media (min-width: 250px) and (max-width: 540px) {
.layer-1 {
width: 60px;
height: 60px;
position: absolute;
top: 170px;
left: 320px;
}
}
/* gauziano-yello */
#slider_26152_slide01 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
#slider_26152_slide01 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
z-index: 1;
}
.sslider-content {
z-index: 2;
}
.sslider-content h2 {
z-index: 5;
}
.sslider-content p {
z-index: 5;
}
.sslider-content span {
z-index: 5;
}
/*
- Call Us
- Get a Free Proposal
A top social media management company & agency
Aenean dictum odio dapibus turpis dapibus vestibulum. Mauris quis massa nisi. Nullam porta lorem at volutpat euismod. Proin in ex nunc.
*/
/* slider gauziano */
#slider_152_slide01 {
width: 100%;
overflow: hidden;
padding: 0;
position: relative;
}
#slider_152_slide01 img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.header-home__title {
width: 490px;
margin-top: 90px;
margin-bottom: 35px;
transition: all 0.3s;
}
.header-home__description {
width: 490px;
font-size: 60px;
line-height: 48px;
margin-bottom: 60px;
transition: all 0.3s;
}
.header-home__btns {
transition: all 0.5s;
}
.header-home__btns-mobile {
margin-bottom: 370px;
}
.site-btn {
border-radius: 8px;
font-size: 16px;
line-height: 16px;
padding: 15px 32px;
text-align: center;
display: inline-block;
text-decoration: none;
margin-right: 30px;
transition: all 0.3s;
height: auto;
cursor: pointer;
}
.site-btn--accent {
background: hsl(257, 83%, 77%);
;
color: #ffffff;
box-shadow: 0 20px 30px rgba(125, 147, 178, 0.3);
border: none;
}
.site-btn--accent:hover {
background: hsl(257, 82%, 67%);
box-shadow: 0 10px 20px rgba(125, 147, 178, 0.5);
}
.site-btn--accent:active {
background: hsl(257, 52%, 52%);
box-shadow: 0 3px 10px rgba(125, 147, 178, 0.75);
}
.site-btn--accent:hover {
background: #d46c7a;
box-shadow: 0 20px 30px rgba(125, 147, 178, 0.3);
color: rgba(255, 255, 255, 0.3);
opacity: 0.8;
cursor: default;
}
.site-btn--light {
background-color: transparent;
border: 1px solid rgb(146, 141, 146);
color: rgb(15, 14, 14);
}
.site-btn--light:hover {
background-color: rgb(146, 141, 146);
border-color: rgb(63, 51, 63);
}
.site-btn--light:active {
background-color: #d9e8fc;
border-color: #d9e8fc;
}
.header-home__btns {
transition: all 0.5s;
}
.header-home__btn:last-child {
margin-right: 15px;
margin-left: 15px;
}
.header-home__btn:first-child {
margin-left: 15px;
margin-right: 15px;
}
/*===== All Button Style =====*/
.main-btn {
display: inline-block;
text-align: center;
white-space: nowrap;
vertical-align: middle;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #0154f7;
padding: 0 38px;
font-size: 15px;
text-transform: capitalize;
font-weight: 600;
line-height: 55px;
border-radius: 5px;
color: #fff;
cursor: pointer;
z-index: 5;
background-color: #3fa1be;
position: relative;
animation: ripple 3s linear infinite;
top: 0;
left: 0;
right: 0;
bottom: 0;
animation: inherit;
animation-delay: 1s;
}
.main-btn::before {
position: absolute;
content: '';
right: 13px;
bottom: 11px;
height: 10px;
width: 10px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
animation: inherit;
animation-delay: 1s;
}
.main-btn::after {
position: absolute;
content: '';
left: 13px;
top: 11px;
height: 8px;
width: 8px;
border: 2px solid #fff;
border-radius: 50%;
-webkit-transition: all 0.3s ease-out 0s;
-moz-transition: all 0.3s ease-out 0s;
-ms-transition: all 0.3s ease-out 0s;
-o-transition: all 0.3s ease-out 0s;
transition: all 0.3s ease-out 0s;
animation: inherit;
animation-delay: 1s;
}
.main-btn::after {
animation-delay: 2s;
}
@keyframes main-btn {
0% {
box-shadow: 0 0 0 .7rem rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 0 0 8rem rgba(255, 255, 255, 0);
}
}
.main-btn:hover {
background-color: #f86e03;
border-color: #f86e03;
color: #fff;
}
.main-btn.main-btn-2 {
background-color: #f86e03;
color: #fff;
border-color: #f86e03;
}
.main-btn.main-btn-2:hover {
background-color: #0154f7;
border-color: #0154f7;
color: #fff;
}
.ripple {
margin: auto;
margin-top: 5rem;
background-color: #fff;
width: 4rem;
height: 4rem;
border-radius: 50%;
position: relative;
animation: ripple 3s linear infinite;
}
.ripple::before,
.ripple::after {
content: "";
position: absolute;
border: 1px solid rgb(207, 75, 75);
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
animation: inherit;
animation-delay: 1s;
}
.ripple::after {
animation-delay: 2s;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 .7rem rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 0 0 8rem rgba(255, 255, 255, 0);
}
}
.banner-content {
max-width: 335px;
background: #fff;
padding: 65px 40px 65px 65px;
max-width: 335px;
background: #fff;
padding: 65px 40px 65px 65px;
position: absolute;
top: 20px;
left: 100px;
height: 500px;
opacity: .5;
}
@media (min-width: 992px) {
.banner-content {
max-width: 100%;
padding: 20px;
}
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-content {
max-width: 250px;
}
}
@media (max-width: 767px) {
.banner-content {
max-width: 100%;
padding: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-content {
max-width: 220px;
padding: 65px 40px 65px 65px;
}
}
.banner-content .title {
font-family: "Oswald", Sans-serif;
font-size: 65px;
font-weight: 700;
text-transform: uppercase;
text-transform: lowercase;
line-height: .5em;
color: #222;
font-weight: 700;
position: relative;
}
.banner-content .title span {
color: rgba(197, 187, 255, 0.836);
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
.banner-content .title {
font-size: 50px;
line-height: 50px;
}
}
@media (max-width: 767px) {
.banner-content .title {
font-size: 30px;
line-height: 42px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-content .title {
font-size: 40px;
line-height: 30px;
}
}
.banner-content .title::before {
position: absolute;
content: '';
left: -65px;
top: 0;
height: 100%;
width: 8px;
background: #f86e03;
}
.banner-content p {
font-weight: 500;
color: #8a8a8a;
line-height: 26px;
padding-top: 26px;
padding-bottom: 45px;
}
@media (max-width: 767px) {
.banner-content p {
font-size: 13px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-content p {
font-size: 12px;
}
}
@media only screen and (min-width: 276px) and (max-width: 575px) {
.banner-content p {
font-size: 11px;
}
}
.banner-content ul li {
display: inline-block;
}
.banner-content ul li:last-child a {
color: #222;
margin-left: 35px;
text-decoration: underline;
font-size: 15px;
font-weight: 600;
}
@media (max-width: 767px) {
.banner-content ul li:last-child a {
margin-top: 20px;
}
}
@media only screen and (min-width: 576px) and (max-width: 767px) {
.banner-content ul li:last-child a {
margin-top: 0px;
}
}
.banner-content ul li:last-child a i {
padding-left: 6px;
}
.banner-content-3 ul li {
padding-left: 8px;
}
.play-btn i {
padding-left: 8px;
}
.ripple {
margin: auto;
margin-top: 5rem;
background-color: #fff;
width: 4rem;
height: 4rem;
border-radius: 50%;
position: relative;
animation: ripple 3s linear infinite;
}
.ripple::before,
.ripple::after {
content: "";
position: absolute;
border: 1px solid rgb(207, 75, 75);
top: 0;
left: 0;
right: 0;
bottom: 0;
border-radius: 50%;
animation: inherit;
animation-delay: 1s;
}
.ripple::after {
animation-delay: 2s;
}
@keyframes ripple {
0% {
box-shadow: 0 0 0 .7rem rgba(255, 255, 255, 0.2);
}
100% {
box-shadow: 0 0 0 8rem rgba(255, 255, 255, 0);
}
}
.banner-play {
margin-top: 35rem;
margin-left: 25rem;
background-color: rgba(197, 187, 255, 0.836);
width: 4rem;
height: 4rem;
border-radius: 50%;
position: absolute;
animation: ripple 3s linear infinite;
top: 0;
left: 250;
right: 0;
bottom: 100;
}
.banner-play::before,
.banner-play::after {
content: "";
position: absolute;
top: 0;
left: 250;
right: 0;
bottom: 100;
height: 100%;
width: 100%;
border-radius: 50%;
animation: inherit;
animation-delay: 1s;
border: 1px solid rgb(243, 239, 255);
}
.banner-play::before {
content: "";
position: absolute;
top: 0;
left: 200;
right: 0;
bottom: 200;
height: 100%;
width: 100%;
border-radius: 50%;
animation: inherit;
animation-delay: 1s;
border: 1px solid rgb(243, 239, 255);
}
.banner-play::after {
animation-delay: 2s;
}
@keyframes banner-play {
0% {
box-shadow: 0 0 0 1rem rgba(204, 200, 200, 0.5);
}
100% {
box-shadow: 0 0 0 9rem rgba(255, 255, 255, 0);
}
}
.banner-play a {
font-size: 18px;
position: relative;
z-index: 9;
color: #fff;
}
/* slider gauziano */
.wp-image-26151 {
background-size: cover;
}
/* text decoration */
.strokeer h2 {
-webkit-text-stroke: 1px black;
text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000!important;
}
.counter-box {
width: 70px;
height: 70px;
border: 3px solid #5bc5f4;
border-radius: 100%;
margin: 0 auto;
margin-top: 7px;
animation: shadow-puless 2s infinite
}
@keyframes shadow-puless {
0% {
box-shadow: 0 0 0 0 #fdfdfd
}
100% {
box-shadow: 0 0 0 50px transparent
}
}
.counter-item {
width: 90px;
height: 90px;
border: 3px solid #fff;
border-radius: 100%;
line-height: 69px;
margin: 0 auto;
font-size: 28px
}
/* entrada main slider */
#slider_26165 div {
text-align: center;
width: auto;
height: auto;
}
#slider_26165:hover div:nth-child(1) {
color: #f70404;
animation: slider_26165 0.3s linear;
-webkit-animation: slider_26165 0.3s linear;
-moz-animation: slider_26165 0.3s linear;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards;
-moz-animation-fill-mode: forwards;
}
@-webkit-keyframes slider_26165 {
from {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #000000;
}
25.00% {
transform: skewX(80deg);
-webkit-transform: skewX(80deg);
-moz-transform: skewX(80deg);
color: #000000;
}
75.00% {
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
color: #ffffff;
}
90.00% {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
to {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
}
@-moz-keyframes slider_26165 {
from {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #000000;
}
25.00% {
transform: skewX(80deg);
-webkit-transform: skewX(80deg);
-moz-transform: skewX(80deg);
color: #000000;
}
75.00% {
transform: skewX(-20deg);
-webkit-transform: skewX(-20deg);
-moz-transform: skewX(-20deg);
color: #ffffff;
}
90.00% {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
to {
transform: skewX(0deg);
-webkit-transform: skewX(0deg);
-moz-transform: skewX(0deg);
color: #ffffff;
}
}