.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; } /*

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; } }