/*
Theme Name:		Infotec S.A.
Theme URI:		https://www.infotec.com.py
Description:	Theme creado para Infotec S.A.
Author:			NISA Studio	
Author URI:		https://nisastudio.com/
Version:        1.0.0
Template:       infotec-219
*/

/* Import CSS Files */
/* @import url("../infotec-v174/style.css");
@import url("../../uploads/wp-less-cache/roneous-theme-styles.css"); */


/*----------------------------------------------------------------------------------
	GENERAL
----------------------------------------------------------------------------------*/
p {font-size: 16px;}
br {display: block;}
.otgs-development-site-front-end {display: none;}

.bg-page-title {
	background: #00007f;
	background: -moz-linear-gradient(left,  #00007f 0%, #00aeef 100%);
	background: -webkit-linear-gradient(left,  #00007f 0%,#00aeef 100%);
	background: linear-gradient(to right,  #00007f 0%,#00aeef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00007f', endColorstr='#00aeef',GradientType=1 );
}
.bg-page-title p {font-size: 21px; line-height: 28px;}

#chat-container {
	position: fixed;
	bottom: 1.25rem;
	right: 1.25rem;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	z-index: 50;
}

#chat-toggle-button {
    background-color: #25d366;
    width: 64px;
    height: 64px;
    border-radius: 50%;
    color: #ffffff;
	display: flex;
	align-items: center;
	justify-content: center;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    transition: background-color 0.2s;
    border: none;
    cursor: pointer;
    padding: 0;
}

#chat-toggle-button:hover {background-color: #219c4f;}
#chat-toggle-button svg, #chat-toggle-button img {width: 32px; height: 32px;}
.hidden {display: none;}
.visible {display: block;}

#chat-widget {
	width: 360px;
	background-color: #ffffff;
	border-radius: 0.75rem;
	box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175);
	margin-bottom: 1rem;
	transform: translateY(10px) scale(0.95);
	opacity: 0;
	visibility: hidden;
	transition: transform 0.3s ease-out, opacity 0.3s ease-out, visibility 0.3s;
}

#chat-widget.is-open {
	transform: translateY(0) scale(1);
	opacity: 1;
	visibility: visible;
}

.chat-widget-header {
	background-color: #0b7261;
	color: #ffffff;
	padding: 16px;
	border-top-left-radius: 0.75rem;
	border-top-right-radius: 0.75rem;
	display: flex;
	align-items: center;
}

.chat-widget-actions {
	padding: 1.25rem;
}

.chat-widget-actions a {
	text-decoration: none;
	width: 100%;
	color: #ffffff;
	font-size: 15px;
	padding: 0.4rem 1rem;
	border-radius: 0.5rem;
	display: flex;
	align-items: center;
	transition: background-color 0.2s;
	box-sizing: border-box;
}

.chat-widget-actions a:hover {color: #ffffff !important;}
.chat-widget-actions a:not(:last-child) {margin-bottom: 0.75rem;}
.chat-widget-actions a svg {width: 1.5rem; height: 1.5rem; margin-right: 0.75rem; fill: currentColor;}
.whatsapp-button {background-color: #25D366;}
.whatsapp-button:hover {background-color: #1EBE57;}


/*----------------------------------------------------------------------------------
	HEADER
----------------------------------------------------------------------------------*/
.nav-container nav.transparent.nav-show, .nav-container nav.fixed.nav-show {border-bottom: 1px solid #eee;}
.nav-container nav.nav-show .nav-bar:not(.nav-full) {
    height: 70px;
    max-height: 70px;
    line-height: 70px;
}

nav .menu > li:hover > a,
.nav-container nav.transparent.nav-show .menu > li:hover > a {opacity: 1 !important; color: #00aeef;}

nav .menu li a span {font-family: inherit; color: inherit; font-style: normal; text-transform: uppercase; display: inline-block;}
nav .menu li a span.label {display: none;}
.wpml-ls-menu-item .wpml-ls-flag {margin-right: 8px;}

nav .menu > li ul {width: 150px; /*background: #eee;*/}
/* nav .menu > li > ul li a {color: #444;}
nav .menu > li > ul li a:hover {color: #444;} */

.badge-gptw {width: 80px; z-index: 1; position: absolute; left: 248px;}


/*----------------------------------------------------------------------------------
	CONTENT
----------------------------------------------------------------------------------*/

/* pagina principal -------------------------------------------*/
.main-row {background: url("images/bg-main-homepage.jpg") center no-repeat #003087;}
.main-row h1, .main-row h4 {color: #fff;}

.conocenos-row {background: url("images/bg-main-brand.jpg") top right no-repeat;}
.conocenos-row p {font-size: 18px; line-height: 28px;}

.asistencia-home {background: url('images/bg-asistencia-home.jpg') center no-repeat;}
.asistencia-home p {font-size: 18px; line-height: 28px;}
.asistencia-home a {margin-bottom: 0 !important;}

.forma-parte-row {background: url("images/bg-trabaja-con-nosotros.jpg") center top no-repeat; padding: 150px 0;}
.forma-parte-row h2 {font-weight: bold;}
.forma-parte-row p {font-size: 18px; line-height: 30px;}


/* pagina productos soluciones -------------------------------------------*/
.bg-productos {background: url('images/bg-productos-soluciones.jpg') center no-repeat;}
.text-productos p {font-size: 18px; line-height: 30px;}
.filtros-row .vc_grid-filter.vc_grid-filter-size-md .vc_grid-filter-item {border: 1px solid #ddd;}


/* pagina marcas (single) -------------------------------------------*/
.main-brand {background: url("images/bg-main-brand.jpg") center top no-repeat;}
.main-brand h1 {display: none;}
.main-brand small i {margin-right: 8px;}

.info-producto h4 {font-weight: bold; color: #00aeef;}
.info-producto h5 {text-transform: uppercase; font-size: 12px; margin-bottom: 8px; color: #999;}

.product-list ul {margin: 0; padding: 0; list-style: none;}
.product-list ul li {padding: 3px 0;}
.product-list ul li:before {font-family: "FontAwesome"; content: '\f054'; font-size: 12px; margin-right: 8px; color: #ccc;}


/* pagina asistencia -------------------------------------------*/
.bg-asistencia {background: url('images/bg-asistencia-main.jpg') center no-repeat;}
.border-asistencia {border-bottom: 1px solid #dddddd;}
.cta-asistencia {background: url('images/bg-asistencia.jpg') center no-repeat; padding: 90px 0;}
.cta-asistencia p {font-size: 18px; line-height: 30px;}


/* pagina la empresa -------------------------------------------*/
.bg-empresa {background: url('images/bg-la-empresa.jpg') center no-repeat;}
.resume-row {background: url('images/img-resume.jpg') center bottom no-repeat;}
.resume-row p {font-size: 18px; line-height: 28px;}

.values-row .circle-icon {background: transparent; border-color: #dddddd; margin-bottom: 15px !important;}
.values-row ul {list-style: none; padding: 0; margin: 0;}
.values-row ul li {margin-bottom: 5px !important; font-size: 16px;}

.politica-row p, .politica-row li {font-size: 19px; line-height: 30px;}


/* pagina trabaja con nosotros -------------------------------------------*/
.form-box ul {margin: 0; padding: 0; list-style: none;}
.form-box ul li {padding-left: 18px; margin: 6px 0;}
.form-box ul li::before {
	font-family: 'themify';
	content: "\e649";
	position: absolute;
	left: 12px;
	margin-top: 3px;
	color: #00aeef;
}

.margin-field {margin-bottom: 15px;}
.margin-field-col {margin-bottom: 0px;}

input[type="text"], input[type="password"], input[type="date"],
input[type="datetime"], input[type="email"], input[type="number"],
input[type="search"], input[type="tel"], input[type="time"],
input[type="url"], textarea, select, #bbpress-forums #bbp-your-profile fieldset input,
#bbpress-forums #bbp-your-profile fieldset textarea {
	border-radius: 0 !important;
	width: 100%;
	height: 40px;
}

input[type="submit"] {font-size: 15px; background-color: #003087; border: 0; border-radius: 60px !important; height: 40px; line-height: 38px;}
input[type="submit"]:hover {background-color: #406abe;}
div.separator-form {clear: both; margin-bottom: 15px; border-bottom: 1px solid #eee;}



/*----------------------------------------------------------------------------------
	FOOTER
----------------------------------------------------------------------------------*/
footer {border-top: thick solid #00aeef;}
.bg-graydark {background-color: #222;}

.widget .title {color: #00aeef; font-weight: bold;}
footer ul.contactos li {padding: 3px 0;}
footer ul.contactos li i {width: 20px; display: inline-block; text-align: center; font-size: 16px; margin-right: 5px;}

.footer-widget .sub {line-height: 20px;}

footer form {margin: -20px;}
footer form label {text-transform: none; letter-spacing: 0;}
footer form input[type="submit"] {text-transform: none; letter-spacing: 0;}

#footer-sign {clear: both; padding: 20px 0 10px 0; margin-top: 5px; overflow: hidden; border-top: 1px solid #444;}
#footer-sign > div {margin: auto; max-width: 128px; overflow: hidden;}
.left-sign {float: left; font-size: 13px; color: #999;}
.right-sign {float: right; width: 100px;}


/*----------------------------------------------------------------------------------
	MEDIA QUERIES
----------------------------------------------------------------------------------*/
@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
	/* header */
	nav .menu > li ul {width: 100%;}

	/* pagina trabajá con nosotros */
	.margin-field {margin-bottom: 15px !important;}
	.margin-field-col {margin-bottom: 15px;}
}

@media only screen and (max-width: 767px) {
}

@media only screen and (max-width: 479px) {
}