html {
line-height: 1.15; -webkit-text-size-adjust: 100%; }
*,
*::before,
*::after {
box-sizing: border-box; } body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
font-size: 1rem;
font-weight: 400;
line-height: 1.5;
color: #333333;
background-color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; } h1, h2, h3, h4, h5, h6 {
margin-top: .5rem;
margin-bottom: 1rem;
font-family: inherit;
font-weight: 500;
line-height: 1.2;
color: inherit; }
h1 {
font-size: 2.5rem; }
h2 {
font-size: 2rem; }
h3 {
font-size: 1.75rem; }
h4 {
font-size: 1.5rem; }
h5 {
font-size: 1.25rem; }
h6 {
font-size: 1rem; }
p {
margin-top: 0;
margin-bottom: .9rem; }  hr {
box-sizing: content-box; height: 0; overflow: visible; } pre {
font-family: monospace, monospace; font-size: 1em; white-space: pre-wrap; } a {
background-color: transparent;
text-decoration: none;
color: #CC3366; }
a:hover, a:active {
color: #333366; }
a:not([href]):not([tabindex]) {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):hover, a:not([href]):not([tabindex]):focus {
color: inherit;
text-decoration: none; }
a:not([href]):not([tabindex]):focus {
outline: 0; } abbr[title] {
border-bottom: none; text-decoration: underline dotted; } b,
strong {
font-weight: bolder; } code,
kbd,
samp {
font-family: monospace, monospace; font-size: 1em; } small {
font-size: 80%; } sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline; }
sub {
bottom: -0.25em; }
sup {
top: -0.5em; }  img {
border-style: none;
height: auto;
max-width: 100%; }  details {
display: block; } summary {
display: list-item; }
figcaption {
font-size: 16px;
color: #333333;
line-height: 1.4;
font-style: italic;
font-weight: 400; }  template {
display: none; } [hidden] {
display: none; }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border: 0; } @media print {
*,
*:before,
*:after {
background: transparent !important;
color: #000 !important; -webkit-box-shadow: none !important;
box-shadow: none !important;
text-shadow: none !important; }
a,
a:visited {
text-decoration: underline; }
a[href]:after {
content: " (" attr(href) ")"; }
abbr[title]:after {
content: " (" attr(title) ")"; }
a[href^="#"]:after,
a[href^="javascript:"]:after {
content: ""; }
pre {
white-space: pre-wrap !important; }
pre,
blockquote {
page-break-inside: avoid;
border: 1px solid #cccccc; }
thead {
display: table-header-group; }
tr,
img {
page-break-inside: avoid; }
p,
h2,
h3 {
orphans: 3;
widows: 3; }
h2,
h3 {
page-break-after: avoid; } } label {
display: inline-block;
line-height: 1;
vertical-align: middle; } button,
input,
optgroup,
select,
textarea {
font-family: inherit; font-size: 1rem; line-height: 1.5; margin: 0; }
input[type="text"],
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="url"],
select,
textarea {
width: 100%;
border: solid 1px #666666;
border-radius: 3px;
padding: 0.5rem 1rem;
transition: all .3s; }
input[type="text"]:focus,
input[type="date"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
border-color: #333333;
outline: 0 none; } button,
input { overflow: visible; } button,
select { text-transform: none; } button,
[type="button"],
[type="reset"],
[type="submit"] {
width: auto;
-webkit-appearance: button; } button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
border-style: none;
padding: 0; } button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
outline: 1px dotted ButtonText; }
button,
[type="submit"],
[type="button"] {
display: inline-block;
font-weight: 400;
color: #CC3366;
text-align: center;
white-space: nowrap;
user-select: none;
background-color: transparent;
border: 1px solid #CC3366;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 3px;
transition: all .3s; }
button:focus,
[type="submit"]:focus,
[type="button"]:focus {
outline: 5px auto -webkit-focus-ring-color; }
button:hover, button:focus,
[type="submit"]:hover,
[type="submit"]:focus,
[type="button"]:hover,
[type="button"]:focus {
color: #ffffff;
background-color: #CC3366;
text-decoration: none; }
button:not(:disabled),
[type="submit"]:not(:disabled),
[type="button"]:not(:disabled) {
cursor: pointer; } fieldset {
padding: 0.35em 0.75em 0.625em; } legend {
box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; } progress {
vertical-align: baseline; } textarea {
overflow: auto;
resize: vertical; } [type="checkbox"],
[type="radio"] {
box-sizing: border-box; padding: 0; } [type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
height: auto; } [type="search"] {
-webkit-appearance: textfield; outline-offset: -2px; } [type="search"]::-webkit-search-decoration {
-webkit-appearance: none; } ::-webkit-file-upload-button {
-webkit-appearance: button; font: inherit; }
select {
display: block; } table {
background-color: transparent;
width: 100%;
margin-bottom: 15px;
font-size: 0.9em;
border-spacing: 0;
border-collapse: collapse; }
table th,
table td {
padding: 15px;
line-height: 1.5;
vertical-align: top;
border: 1px solid #cccccc; }
table th {
font-weight: bold; }
table thead th,
table tfoot th {
font-size: 1em; }
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table caption + thead tr:first-child th,
table caption + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table colgroup + thead tr:first-child th,
table colgroup + thead tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td,
table thead:first-child tr:first-child th,
table thead:first-child tr:first-child td {
border-top: 1px solid #cccccc; }
table tbody > tr:nth-child(odd) > td,
table tbody > tr:nth-child(odd) > th {
background-color: #f7f7f7; }
table tbody tr:hover > td,
table tbody tr:hover > th {
background-color: #e9e9e9; }
table tbody + tbody {
border-top: 2px solid #cccccc; }
@media (max-width: 767px) {
table table {
font-size: 0.8em; }
table table th,
table table td {
padding: 7px;
line-height: 1.3; }
table table th {
font-weight: 400; } } dl,
dt,
dd,
ol,
ul,
li {
margin-top: 0;
margin-bottom: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent; }html {
font-size: 62.5%;
}
body {
font-size: 16px;
} *:focus {
outline: none !important;
}
input,
textarea,
button,
select,
a {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important;
}
.elementor-field-type-recaptcha_v3 {
display: none!important;
} .cm--link a:not(:hover),
.cm--btn a:not(:hover) {
text-decoration: underline;
}
.cm--btn i { font-size: 8px; transition: .5s; transform: translateY(-3px); }
.cm--btn:hover i {
transform: translateX(7px);
}
.object--fit {
object-fit: cover;
}
.bread__sp ul,
.cm__breadcrumb ul {
list-style: none;
}
#top--page {
position: absolute;
top: 0;
left: 0;
z-index: -1;
}
.link--black a {
color: #000;
overflow-wrap: break-word;
}
.list--unstyled ul {
list-style: none;
}
@media(max-width: 1024px) {
.cm__breadcrumb {
padding: 10px 20px !important;
}
#full__section--right>div,
#full__section--left>div {
max-width: 100% !important;
}
}
@media (min-width: 1025px) {
#full__section--right .elementor-container,
#full__section--left .elementor-container {
position: initial;
}
#full__section--left .elementor-container {
flex-flow: row-reverse;
}
#full__section--right .absolute__right {
position: absolute;
right: 0;
height: 100%;
}
#full__section--left .absolute__left {
position: absolute;
left: 0;
height: 100%;
}
.section__custom#full__section--right {
margin-left: 50px;
background: #f7f7f7 !important;
}
.section__custom#full__section--left {
margin-right: 50px;
background: #f7f7f7 !important;
}
.section__custom--image,
.section__custom--image .elementor-widget-container,
.section__custom--image img {
object-fit: cover;
height: 100% !important;
}
}
@media(max-width: 767px) {
.mobile--remove-br br {
display: none;
}
.mobile__text-left {
text-align: left;
}
}  .cm__slider .swiper-pagination-bullets {
bottom: -30px!important;
}
.cm__slider img.swiper-slide-image {
margin-bottom: -7px;
}
.cm__slider .swiper-pagination span.swiper-pagination-bullet {
width: 40px;
height: 3px;
background: #DCDCDC;
border-radius: 0;
}
.cm__slider .swiper-pagination span.swiper-pagination-bullet-active {
background: #2D72AB;
}
.cm__slider,
.cm__slider .elementor-widget-container,
.cm__slider .elementor-image-carousel-wrapper,
.cm__slider .elementor-image-carousel-wrapper figure,
.cm__slider img {
object-fit: cover;
height: 100% !important;
}
.home__projects article {
position: relative;
}
.home__projects article h3.elementor-post__title::after {
content: '';
background: #2D72AB;
height: 2px;
width: 50px;
position: absolute;
bottom: 0;
left: 0;
}
.home__products--section article:nth-child(2) section>.elementor-container,
.home__products--section article:nth-child(4) section>.elementor-container,
.home__products--section article:nth-child(6) section>.elementor-container,
.home__products--section article:nth-child(8) section>.elementor-container,
.home__products--section article:nth-child(10) section>.elementor-container,
.home__products--section article:nth-child(12) section>.elementor-container,
.home__products--section article:nth-child(14) section>.elementor-container,
.home__products--section article:nth-child(16) section>.elementor-container,
.home__products--section article:nth-child(18) section>.elementor-container,
.home__products--section article:nth-child(20) section>.elementor-container,
.home__products--section article:nth-child(22) section>.elementor-container {
flex-direction: row-reverse;
}
.home__projects--slider .slick-arrow {
display: none !important;
}
.home__projects--slider .slick-slide {
max-width: 293px;
width: 293px !important;
}
.home__projects--slider article {
padding-right: 20px !important;
}
@media(max-width: 767px) {
.home__products--section .elementor-posts-container {
grid-row-gap: 55px !important;
}
.home-services--section .elementor-posts-container {
grid-row-gap: 50px !important;
}
.home__servicios--single .elementor-image-box-wrapper {
display: grid;
grid-template-columns: auto 1fr;
grid-column-gap: 14px;
}
.home__servicios--single .elementor-image-box-wrapper figure {
margin: 0 !important;
}
.home__servicios--single--column>.elementor-widget-wrap {
display: grid !important;
grid-template-columns: 1fr auto;
grid-column-gap: 14px;
}
.home__servicios--single--arrow {
display: flex;
align-items: center;
}
}  .footer__menu--list ul li:before {
content: '\f054';
position: absolute;
font-family: 'Font Awesome 5 Free';
font-size: 13px;
font-weight: 600;
color: #000;
top: 3px;
}
.footer__menu--list ul li a {
padding: 0 0 0 20px !important;
}
.footer__auth a:not(:hover) {
color: #1D1D1D;
text-decoration: none;
}
@media(min-width: 1025px) {
.footer__two--cols ul {
columns: 2;
column-gap: 5%;
}
}
@media(min-width: 768px) {
.footer__menu--list ul {
columns: 2;
-webkit-columns: 2;
-moz-columns: 2;
}
}
@media(max-width: 767px) {
.footer__dropdown h3 {
border-bottom: 1px solid #D4D4D4;
padding: 13px 0;
cursor: pointer;
}
.footer__dropdown h3:after {
content: url(https://dev.3cstechnology.com/wp-content/uploads/2021/09/footer-arrow.svg);
position: absolute;
right: 0;
}
.footer__dropdown h3.rotate:after {
transform: rotateX(180deg);
}
.footer__dropdown .footer__hidden--menu {
display: none;
margin: 10px 0 20px 0;
}
}  .cm--form .elementor-field-type-acceptance a:not(:hover) {
color: #1D1D1D;
text-decoration: underline;
}
.cm--form button[type="submit"] {
margin-top: 20px;
}
@media(max-width: 767px) 
{
.cm--form .elementor-field-type-acceptance label
{
font-size: 1.4rem!important;
}
}
@media(min-width: 1025px) {
.cm--form form .elementor-field-group input::placeholder,
.cm--form form .elementor-field-group textarea::placeholder {
color: #fff;
}
}
@media(max-width: 1024px) {
.cm--form form .elementor-field-group label {
display: none;
}
.cm--form .elementor-field-type-acceptance label
{
font-size: 1.6rem!important;
}
}  #cm__tabs .htmega-tab-nav {
justify-content: flex-start !important;
margin-bottom: 60px;
border-bottom: 1px solid #CECECE;
}
#cm__tabs .htmega-tab-nav a {
margin: 0 20px 0px 0;
padding-bottom: 10px;
font-size: 2.4rem;
font-weight: 400;
width: 200px;
box-sizing: content-box;
color: #000000;
}
#cm__tabs .htmega-tab-nav a::before {
height: 7px;
background: #2D72AB;
bottom: -4px;
}
.projects__archive article {
position: relative;
}
.projects__archive article h3 {
padding-bottom: 20px;
}
.projects__archive article h3::after {
content: '';
width: 50px;
height: 2px;
background: #2D72AB;
left: 0;
bottom: 0px;
position: absolute;
}
.projects__archive article .elementor-post__thumbnail img {
object-fit: cover;
height: 100% !important;
width: 100%;
}
@media(max-width: 1024px) {
.projects__archive .elementor-posts-container {
grid-row-gap: 50px;
}
}  header.header__main.active {
box-shadow: 0px 3px 38px rgba(0, 0, 0, 0.11);
}
header.header__main>.elementor-container {
transition: .5s;
}
header.header__main.active>.elementor-container {
min-height: 75px !important;
}
header.header__main.active .header__desc {
display: none;
}
header.header__main.active .header__logo img {
width: 65px !important;
}
.header__nav li.current-menu-parent a:after {
opacity: 1!important;
}
.header__nav nav ul:not(.sub-menu)>li:last-child a {
color: #2D72AB !important;
}
.header__nav nav ul.elementor-nav-menu--dropdown {
padding: 0 0 20px 0 !important;
}
#mobile--menu ul.sub-menu {
padding-left: 20px!important;
}
#mobile--menu ul.sub-menu li a {
text-transform: none;
}
@media(min-width: 1201px) {
.header__nav nav ul.sub-menu {
padding: 20px !important;
min-width: 252px !important;
max-width: 252px !important;
}
}
.header__nav nav ul.sub-menu>li a {
padding: 10px 0 !important;
white-space: break-spaces;
margin: 0!important;
border: 0;
}
.header__nav nav ul li.menu-item-has-children a.highlighted span {
transform: rotateX(180deg)
}
.header__main {
transition: top .5s !important;
}
@media(max-width: 1024px) {
.header__main {
box-shadow: 0 3px 26px #0000001C;
}
.nav-up {
top: -100px !important;
}
}  .product__video i.eicon-play {
opacity: 1;
}
.product__video i.eicon-play::before {
content: url(//www.3cstechnology.com/wp-content/uploads/2021/09/icon-play.svg);
}
.product__video,
.product__video .elementor-widget-container,
.product__video .elementor-wrapper {
height: 100%;
}
.bread__sp {
max-width: 1500px;
margin: 0 auto;
position: relative!important;
left: 0!important;
margin-bottom: -20px!important;
}  .wpgdprc-consent-bar.wpgdprc-consent-bar--position-bottom {
border-radius: 5px;
}
.wpgdprc-consent-bar {
bottom: 20px !important;
right: 20px !important;
left: unset !important;
width: fit-content;
max-width: 300px;
box-shadow: 0 3px 38px #0000001C;
background: #fff !important;
}
.wpgdprc-consent-bar .wpgdprc-consent-bar__content {
display: flex;
flex-direction: column;
padding: 10px!important;
}
.wpgdprc-consent-bar__column.wpgdprc-consent-bar__column--notice {
margin-bottom: 50px;
padding: 0;
}
.wpgdprc-consent-bar .wpgdprc-consent-bar__content p {
font-size: 1.5rem!important;
line-height: 1.6em;
font-family: "DM Sans";
font-weight: 400;
padding: 10px;
color: #000;
}
.wpgdprc-consent-bar .wpgdprc-consent-bar__content button {
border-radius: 5px!important;
padding: 0;
font-size: 1.4rem!important;
border: none;
justify-content: flex-start;
}
.wpgdprc-consent-bar__column.wpgdprc-consent-bar__column--settings {
width: 50%;
position: absolute;
left: 10px;
bottom: 15px;
}
.wpgdprc-consent-bar__column.wpgdprc-consent-bar__column--accept {
width: 50%;
position: absolute;
right: 10px;
bottom: 10px;
text-align: right;
}
.wpgdprc-consent-bar__column.wpgdprc-consent-bar__column--accept button {
background: #2E72AB!important;
padding: 10px 15px!important;
} .wpgdprc p {
font-size: 1.8rem!important;
}
.wpgdprc-consent-modal__title--description {
font-size: 2rem!important;
}
.wpgdprc button.wpgdprc-consent-modal__navigation-button {
font-size: 1.5rem!important;
}
.wpgdprc-consent-modal__navigation {
width: 30%!important;
}
.wpgdprc a {
color: #000;
text-decoration: underline;
}
.wpgdprc-switch--column .wpgdprc-switch__text {
font-size: 2rem!important;
margin-bottom: 10px!important;
}
.wpgdprc-switch__switch {
height: 24px!important;
width: 66px!important;
}
button.wpgdprc-button.wpgdprc-button--secondary {
border-radius: 5px;
font-size: 1.6rem!important;
}  .product__video {
height: 600px;
}
.product__video .elementor-custom-embed-image-overlay,
.product__video .elementor-custom-embed-image-overlay img {
height: 100%;
object-fit: cover;
}
@media (max-width: 1024px) {
.product__video {
height: 500px;
}
.product__video .elementor-custom-embed-image-overlay,
.product__video .elementor-custom-embed-image-overlay img {
height: 100%;
object-fit: cover;
}
}
@media (max-width: 767px) {
.product__video {
height: 340px;
}
}