body {
margin: 0;
padding: 0;
font-family: "Inter", sans-serif;
background: #ebebeb;
color: #515153;
min-height: 100;
margin: 0;
text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.category-description {
margin: -5px 0 0 40px;
}
.category-list {
display: table;
clear: both;
margin: 0 0 20px;
}
.category-list ul li {
list-style: none;
float: left;
margin: 0 8px 16px 0;
}
.category-list ul li a {
padding: 5px 10px;
background: #dedede;
border-radius: 5px;
color: #515153;
font-weight: 500;
font-size: 16px;
}
.navbar-nav .sub-menu {
display: none;
}
.img-fluid img {
width: 100%!important;
}
.homeMargin {
margin: 230px auto 0;
}
a {
color: #fe2207;
text-decoration: none;
}
a:hover {
color: #fc7c38;
}
.iframe-container {
width: 100%; height: 500px; overflow: hidden; }
.page-numbers {
padding: 0 10px 0 0;
}
.whiteContent a {
color: #f6522e;
}
.btnDos {
border: 1px solid white;
padding: 10px 15px;
border-radius: 25px;
}
.btnServicios.activo {
background: rgb(253, 29, 29);
background: linear-gradient(76deg, rgba(253, 29, 29, 1) 10%, rgba(252, 176, 69, 1) 100%);
color: #fff;
}
.contenido-servicio {
display: none; }
.contenido-servicio.activo {
display: block; }
.gradianteMain {
background: rgb(253, 29, 29);
background: linear-gradient(76deg, rgba(253, 29, 29, 1) 10%, rgba(252, 176, 69, 1) 100%);
}
p {
font-weight: 400;
size: 16px;
line-height: 1.75;
}
h1 {
color: #f6522e;
font-weight: bold;
margin: 0;
}
.ul {
list-style: none;
}
.kanit-thin {
font-family: "Kanit", sans-serif;
font-weight: 100;
font-style: normal;
}
.kanit-thin-italic {
font-family: "Kanit", sans-serif;
font-weight: 100;
font-style: italic;
}
.kanit-extralight {
font-family: "Kanit", sans-serif;
font-weight: 200;
font-style: normal;
}
.kanit-extralight-italic {
font-family: "Kanit", sans-serif;
font-weight: 200;
font-style: italic;
}
.kanit-light {
font-family: "Kanit", sans-serif;
font-weight: 300;
font-style: normal;
}
.kanit-light-italic {
font-family: "Kanit", sans-serif;
font-weight: 300;
font-style: italic;
}
.kanit-regular {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-style: normal;
}
.kanit-regular-italic {
font-family: "Kanit", sans-serif;
font-weight: 400;
font-style: italic;
}
.kanit-medium {
font-family: "Kanit", sans-serif;
font-weight: 500;
font-style: normal;
}
.kanit-medium-italic {
font-family: "Kanit", sans-serif;
font-weight: 500;
font-style: italic;
}
.kanit-semibold {
font-family: "Kanit", sans-serif;
font-weight: 600;
font-style: normal;
}
.kanit-semibold-italic {
font-family: "Kanit", sans-serif;
font-weight: 600;
font-style: italic;
}
.kanit-bold {
font-family: "Kanit", sans-serif;
font-weight: 700;
font-style: normal;
}
.kanit-bold-italic {
font-family: "Kanit", sans-serif;
font-weight: 700;
font-style: italic;
}
.kanit-extrabold {
font-family: "Kanit", sans-serif;
font-weight: 800;
font-style: normal;
}
.kanit-extrabold-italic {
font-family: "Kanit", sans-serif;
font-weight: 800;
font-style: italic;
}
.kanit-black {
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: normal;
}
.kanit-black-italic {
font-family: "Kanit", sans-serif;
font-weight: 900;
font-style: italic;
}
.postHome {
width: 20%;
float: left;
overflow: hidden;
}
.postHome img {
width: 100%;
height: auto;
}
.laptopIMG {
position: relative;
z-index: 4;
margin: 5% auto;
top: -250px;
width: 900px;
animation: mover 2s ease infinite alternate;
display: table;
}
.categoria a {
font-size: 8px;
text-decoration: none;
margin: -5px 5px 5px 0;
display: table;
color: #525254;
background: #dedede;
letter-spacing: 1px;
padding: 5px 10px;
font-weight: 700;
text-transform: uppercase;
border-radius: 5px;
float: left; border: none;
}
.clear {
clear: both;
}
.smallFechaSingle {
display: table;
margin: 0px 0 10px;
font-size: 12px;
color: #373737;
font-weight: bold;
}
.categorySingle {
padding: 0px 20px 0 0;
font-size: 12px;
color: #f07c0d;
letter-spacing: 1px;
font-weight: bold;
}  .collapse {
transition: height 0.3s ease-in-out;
} .collapse.show {
height: auto !important;
transition: none;
}
footer {
background: #25282a;
padding: 30px;
} .collapse:not(.show) {
height: 0;
transition: height 0.3s ease-in-out;
} .mainMenuContainer {
position: relative;
}
.menu-menu-1-container {
position: absolute;
right: 0;
}
.navbar-toggler span {
display: block;
background-color: #fff;
height: 3px;
width: 25px;
margin-top: 5px;
margin-bottom: 5px;
position: relative;
left: 0;
opacity: 1;
transition: all 0.35s ease-out;
transform-origin: center left;
}
.navbar-toggler span:nth-child(1) {
transform: translate(0%, 0%) rotate(0deg);
}
.navbar-toggler span:nth-child(2) {
opacity: 1;
}
.navbar-toggler span:nth-child(3) {
transform: translate(0%, 0%) rotate(0deg);
}
.navbar-toggler span:nth-child(1) {
margin-top: 0.3em;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
transform: translate(15%, -33%) rotate(45deg);
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
opacity: 0;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
transform: translate(15%, 33%) rotate(-45deg);
}
.videOneOne {
max-width: 600px;
} .navbar {
z-index: 10;
}
.navbar-nav a {
color: white;
text-decoration: none;
}
.navbar-nav a:hover {
color: #fc7c38;
}
.navbar-nav ul {
display: block;
list-style-type: none;
}
.purpleGradient {
color: white;
}
.btnServicios {
padding: 30px;
color: white;
background: #37393d;
width: 24%;
text-align: center;
border-radius: 7px;
text-decoration: none;
font-weight: 700;
}
#menu-item-56 a {
font-weight: bold;
background: #238a00;
padding: 10px 25px;
display: table;
margin: -10px 10px !important;
border-radius: 20px;
color: white;
background: #f07c0d;
transition: background 0.3s ease, color 0.3s ease;
}
#menu-item-56 a:hover {
color: white;
background: #f52020;
}
#menu-menu-1 li {
margin: 0 20px;
}
.left {
float: left;
margin: 12px 0 0 20px;
color: #ebebeb !important;
}
.right {
float: right;
margin: 10px 20px 0 0;
z-index: 9999;
position: relative;
}
.description {
font-size: 14px;
}
.splide__list li {
padding: 0 10px;
}
.bloqueContenido {
background: #37393d;
}
.splide__arrow--prev {
left: -1em;
}
.splide__arrow--next {
right: -2em;
}
.logo {
width: 125px;
}
.logoFooter {
width: 160px;
margin: 0 0 20px 0;
}
.date {
font-size: 12px;
}
.homeWorks {
padding: 15px;
background: #f1f1f1;
margin: 0 0 15px 0;
border-radius: 15px;
box-shadow: 0 1px 1px hsl(0deg 0% 0% / 0.04), 0 2px 2px hsl(0deg 0% 0% / 0.04), 0 4px 4px hsl(0deg 0% 0% / 0.04), 0 8px 8px hsl(0deg 0% 0% / 0.04), 0 16px 16px hsl(0deg 0% 0% / 0.04);
}
.homeWorks h3 {
font-size: 20px;
padding: 0;
}
.homeWorks p {
font-size: 14px;
line-height: 18px;
}
.homeWorks .boton {
padding: 5px 5px;
margin: 15px 0 0 0;
display: table;
border-radius: 30px;
text-decoration: none;
font-size: 14px;
color: #fe4729;
font-weight: 400; }
.grayscale {
filter: grayscale(100%);
}
.homeWorks .title {
text-decoration: none;
color: #515153;
}
.homeWorks img {
width: 100%;
height: auto !important;
object-fit: cover;
filter: grayscale(100%);
transition: all 1s ease-out;
}
.homeWorks img:hover {
filter: grayscale(0%);
}
.orangeContainer {
position: relative;
}
.orangeContainer h1 {
z-index: 3;
color: white;
}
@keyframes mover {
0% {
transform: translateY(0); }
100% {
transform: translateY(-10px); }
}
.menu-menu-1-container {
width: 100%;
margin: -20px 0 0 0;
}
.menu-menu-1-container {
position: relative;
}
#menu-menu-1 {
position: absolute;
right: 0;
}
.hero {
padding: 90px 0;
width: 100%;
margin: -8px 0 -70px; height: 340px;
}
.hero h1 {
font-size: 45px;
max-width: 470px;
line-height: 114%;
}
h2 {
font-size: 32px;
} .whiteContent {
padding: 20px;
background: #f6f6f6;
border-radius: 10px;
color: #373737;
}
.infoRo {
font-size: 13px;
margin: -2px 0 0 0;
display: block;
padding: 0 0 60px;
color: whitesmoke;
}
@media (max-width: 575px) {
p {
font-weight: 300;
size: 18px;
line-height: 1.75;
}
.category-description {
margin: -5px 0 0 0px;
}
.homeMargin {
margin: 50px auto 0;
}
.logo {
width: 100px;
padding: 10px;
}
.laptopIMG {
margin: 16% auto;
top: -90px;
width: 100%;
}
#blog {
display: none;
}
.btnServicios {
width: 32%;
line-height: 18px;
padding: 10px 0;
}
#menu-menu-1 {
padding: 20px;
background: #0c0f12;
border-radius: 10px;
margin: 27px 0;
width: 120%;
left: -10%;
height: 3000px;
}
#menu-menu-1 li {
padding: 11px 22px;
font-size: 25px;
text-align: left;
font-size: 18px;
border-bottom: 2px solid #252728;
}
#menu-menu-1 li:last-child {
border-bottom: none;
}
#menu-item-56 {
text-align: center;
margin: 15px !important;
display: table;
font-weight: bold;
height: 30px;
}
#menu-item-56:hover {
color: white !important;
}
#menu-item-56 a {
font-weight: bold;
background: #238a00;
padding: 10px 25px;
display: table;
margin: -10px 10px !important;
border-radius: 20px;
color: white;
background: #f07c0d;
transition: background 0.3s ease, color 0.3s ease;
width: 100%;
text-align: center;
}
.hero {
padding: 20px 0 160px;
width: 100%;
margin: -9px 0 40px;
height: 200px;
}
.hero h1 {
font-size: 22px !important;
max-width: 375px !important;
line-height: 114%;
padding: 0 30px; }
h2 {
font-size: 20px !important;
}
.homeWorks {
padding: 20px 10px !important;
}
.homeWorks h3 {
font-size: 18px;
}
}