@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,800');
@font-face {
	font-family: 'Typo Round';
	src: url('../fonts/typo_round_regular-webfont.woff2') format('woff2'),  url('../fonts/typo_round_regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'typo_grotesk_roundedregular';
	src: url('../fonts/typo-grotesk-rounded.regular-webfont.woff2') format('woff2'),  url('../fonts/typo-grotesk-rounded.regular-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}
body {
	color: #203b60;
	font-family: 'Open Sans', sans-serif !important;
}
/*/////////////////////////////////////////////////////// banner /////////////////////////////////////////////*/


.wrapper-banner {
	margin-top: 88px;
}

@media screen and (max-width: 768px) {
.wrapper-banner {
	margin-bottom: 15px;
}
.banner {
	background-image: url('../img/banner-home-sm.png');
}
}
.banner {
	background-image: url('../img/banner-home.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	background-color: transparent;
	padding: 0em;
}

@media screen and (max-width: 768px) {
.wrapper-banner {
	margin-bottom: 15px;
}
.banner {
	background-image: url('../img/banner-home-sm.png');
}
}
/*  ////////////////////////////////////////////// / end banner //////////////////////////////////////////////////////*/






strong {
	font-weight: 600 !important;
}
h1 {
	display: inline-block;
	position: relative;
	background: #84b4d2;
	color: #fff !important;
	line-height: 32px!important;
	font-size: 32px!important;
	padding-left: 17px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-top: 8px;
	margin-bottom: 33px !important;
	text-transform: uppercase !important;
	font-family: 'Typo Round', 'Open Sans', sans-serif !important;
	letter-spacing: 2px;
}
h1:after, h1:before {
	content: ' ';
	position: absolute;
	width: 14px;
	height: 50%;
	left: 100%;
}
h1:after {
	bottom: 0;
	background: linear-gradient(to right bottom, #84b4d2 50%, transparent 50%);
}
h1:before {
	top: 0;
	background: linear-gradient(to right top, #84b4d2 50%, transparent 50%);
}
h5 {
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 300 !important;
}
h3 {
	letter-spacing: 0px;
	font-family: 'typo_grotesk_roundedregular', 'Open Sans', sans-serif !important;
}
.bg-celeste {
	background-color: #c0d8e4;/*background-color: #bed1db;*/
	
}
p {
	font-weight: 300 !important;
}
.list-group-item, .list-group-item:hover {
	border: none;
}
ul.funcionalidades li:nth-child(odd) {
	background-color: #e5f0f5;
}
ul.funcionalidades li i {
	padding-right: 10px;
	color: #84b4d2;
}
ul.funcionalidades li a {
	color: #203b60;
	font-weight: 600;
}
.btn-primary {
	background-color: #1f395d !important;
	border-color: #0a2852 !important;
	/*display: table-cell;*/
	text-transform: uppercase;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif !important;
	font-weight: 700;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
	background: #0a2852!important;
	outline: none;
	box-shadow: none!important;
}
.btn-primary:active {
	transform: translateY(2px);
}
.bg-diagrama {
	padding: 50px;
	background-color: #e9f8ff;
	border-radius: 25px;
	padding-left: 140px;
	padding-right: 140px;
}
.list-group-item {
	padding: 0.45rem 1.25rem !important;
}
div.clientes a {
	color: #84b4d2 !important;
}
div.implementacion div div h5 i {
	color: #84b4d2;
}
div.nosotros h3, div.eleccion h3 {
	text-align: left !important;
}
 .form-control::placeholder {
 color: #a2adb4 !important;
 opacity: 1 !important;
 text-transform: uppercase !important;
}
address i {
	color: #84b4d2;
	padding-right: 10px;
}
.vertline {
	border-left: solid 1px #c0d8e4;
	padding-left: 25px;
	height: 100%;
}
div.vertline address a {
	font-weight: 300;
	color: #203b60 !important;
}
a i.fas.fa-arrow-circle-up.fa-2x {
	color: #84b4d2;
}
a i.fas.fa-list-ul.fa-lg {
	cursor: pointer !important;
}
div.owl-carousel.owl-loaded.owl-drag div.owl-nav {
	text-align: center !important;
}
div.owl-carousel.owl-loaded.owl-drag div.owl-nav button span {
	font-size: 64px;
	color: #84b4d2;
}
small button {
	border: none !important;
	background-color: #ffffff;
	padding-left: 0px;
	padding-right: 0px;
	color: #203b60;
	cursor: pointer;
}
small button:active {
	transform: translateY(1px);
}
div.fixed-top.text-right {
	color: #203b60;
}
small i.fas.fa-globe {
	margin-right: 10px;
	color: #84b4d2;
}
/*div#funcionalidades div div ul li a::after {
	
	content: ' ...';
	font-weight: 800;

}*/
/*div#funcionalidades div div ul li {
	border-radius: 4px;
}*/

/* ////////////////////////////////////////////// footer /////////////////////////////////////////////////////////////*/

.footer-wrap {
	background-color: #0a2852;
	padding-top: 60px;
	padding-bottom: 60px;
}
div#social-media i {
	border: solid 1px #84b4d2;
	background-color: #84b4d2;
	padding: 10px;
	border-radius: 30px;
	color: #0a2852;
	opacity: 0.8;
	width: 38px;
	margin-left: 10px;
}
div#social-media i:hover {
	opacity: 1.0;
}
div.menu-footer ul.text-white.text-uppercase {
	list-style: none;
	border-left: 1px solid #485f7e;
}
div.menu-footer ul.text-white.text-uppercase li {
	margin-bottom: 8px;
	font-size: 14px;
}
div.menu-footer ul.text-white.text-uppercase li a {
	color: #ffffff;
}

/* //////////////////////////////////////////////////  end footer ////////////////////////////////////////////////////////*/





/*  ////////////////////////////////////////////  funcionalidades   /////////////////////////////////////////////////////*/



@media screen and (min-width: 768px) {
div.funcionalidades-titulo {
	background-image: url(funcionalidades-titulo-bg.png);
	background-position: left top;
	background-repeat: repeat-x;
	height: 150px;
}
div#funcionalidades h1 {
	margin-top: 50px;
	margin-left: 15px;
}
}
div#sidebar ul li a {
	display: block;
	padding-top: 3px;
	padding-bottom: 6px;
}
div#sidebar ul li i {
	float: left;
	padding-top: 4px;
}
#sidebar {
	min-width: 350px;
	background-color: #c0d8e4;/*	z-index: 999;
	position: absolute;*/
}
div#sidebar ul {
	background-color: #c0d8e4 !important;
	border-radius: 6px;
	width: 315px;
}
div#sidebar .list-group-item {
	padding: 0.35rem 1.25rem;
	background-color: #c0d8e4 !important;
	border: none !important;
}
div#sidebar ul li a {
	font-size: 14px;
	font-weight: 600;
	color: #203b60;
}
div#sidebar ul li i {
	color: #84b4d2;
}
.mvh-100 {
/* min-height: 100vh;*/
}
div#sidebar ul li i {
	padding-right: 10px;
}
/* for carets on sidebar dropdowns */
/*.nav-link[data-toggle].collapsed:after {
    content: "▾";
}
.nav-link[data-toggle]:not(.collapsed):after {
    content: "▴";
}*/


.wrapper-video {
	background-image: url(../img/funcionalidades-video-bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
}
.btn-anterior, .btn-siguiente {
	background-color: #84b4d2;
	border: #84b4d2;
	text-transform: uppercase;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	padding: 3px;
	padding-left: 8px;
	padding-right: 8px;
}
.btn-siguiente:active, .btn-anterior:active {
	transform: translateY(2px);
}
button {
	display: inline-block;
	position: relative;
	cursor: pointer;
}
button.btn-siguiente:after, button.btn-siguiente:before {
	content: ' ';
	position: absolute;
	width: 8px;
	height: 50%;
	left: 100%;
}
button.btn-anterior:after, button.btn-anterior:before {
	content: ' ';
	position: absolute;
	width: 8px;
	height: 50%;
	right: 100%;
}
button.btn-siguiente:after {
	bottom: 0;
	background: linear-gradient(to right bottom, #84b4d2 50%, transparent 50%);
}
button.btn-siguiente:before {
	top: 0;
	background: linear-gradient(to right top, #84b4d2 50%, transparent 50%);
}
button.btn-anterior:after {
	bottom: 0;
	background: linear-gradient(to left bottom, #84b4d2 50%, transparent 50%);
}
button.btn-anterior:before {
	top: 0;
	background: linear-gradient(to left top, #84b4d2 50%, transparent 50%);
}
p.contenido.text-justify ul li {
	display: block!important;
	padding-bottom: 25px !important;
	background-color: red;
}
div.content ul {
	font-weight: 300;
	list-style-type: none;
}
div.content ul li {
	margin-bottom: 15px;
}
div.content ul li::before {
	font-family: "Font Awesome 5 Free";
	content: '\f054';
	margin: 0 5px 0 -15px;
	color: #84b4d2;
	font-weight: 900;
	font-size: 18px;
}
div#sidebar ul li i.fas.fa-caret-right.fa-lg {
	padding-left: 18px;
	font-size: 24px;
}
div.content button.navbar-toggler-sidebar.d-md-none {
	background-color: #ffffff !important;
	border: none !important;
}
div.content button.navbar-toggler-sidebar.d-md-none i {
	color: #203b60;
	font-size: 28px;
}
.bg-light {
	background-color: #ffffff !important;
}
div.dynamic-content.text-justify h3 {
	text-align: left !important;
}
/* ///////////////              LOADING        /////////////*/
#loading {
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index: 9999;
	background: url('../img/enviando.gif') 50% 50% no-repeat rgb(249, 249, 249, 0.8);
}

@media screen and (min-width: 769px) {
.owl-item {
	border-right: 1px solid #c0d8e4;
	padding-right: 40px;
	padding-left: 40px;
	height: 290px;
}
.owl-item:first-child {
	padding-left: 0px;
}
}
.list-group-mine .list-group-item {
	background-color: #84b4d2;
	font-weight: 300;
	color: #ffffff;
	padding-left: 40px !important;
	background-image: url("data:image/svg+xml,%3Csvg version='1.1' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 18.5 34.8' style='enable-background:new 0 0 18.5 34.8;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23FFFFFF;stroke:%23FFFFFF;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10;%7D%0A%3C/style%3E%3Cg id='Layer_2'%3E%3Cg id='Arrows'%3E%3Cg id='Right_Arrow_2_2x.png'%3E%3Cpath id='XMLID_1_' class='st0' d='M17.3,17.2L2.5,1.3C2.1,1,1.6,0.9,1.3,1.2S1,2,1.3,2.3l14.3,15l-14.3,15 c-0.3,0.3-0.4,0.8-0.1,1.2c0.3,0.3,0.8,0.4,1.2,0.1c0,0,0.1-0.1,0.1-0.1l14.8-15.4C17.6,17.8,17.6,17.2,17.3,17.2L17.3,17.2z'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 42px 32px;
	border-radius: 15px;
	min-height: 63px;
}
.pregunta {
	font-weight: 300;
	background-color: #e9f8ff;
	padding: 20px;
	color: #0962a0;
	border-radius: 18px;
}

.pregunta-2 span {
	font-size: 28px;
	text-transform: uppercase;
	line-height: 28px;
	color: #84b4d2;
	letter-spacing: 0px;
	font-weight: 400;
}

div.pregunta-2 p {

	font-weight: 400 !important;
}

.pregunta-4 {
	font-size: 18px;
	line-height: 18px;
	font-weight: 400;
	padding: 10px;
	border-radius: 15px;
	letter-spacing: -1px;
	padding-left: 18px;
	padding-right: 18px;
	color: #ffffff;
	margin-right: 6px;
}

div.pregunta-2 p.mt-2.mb-0 a.btn.btn-primary.pregunta-4 i {
	margin-right: 7px;
}


@media screen and (max-width: 768px) {
#sidebar {
	z-index: 999;
	position: absolute;
	min-width: 300px;
}
div#sidebar ul {
	width: 250px;
}
div.media.mb-4 div.media-body p.text-justify {
		padding-top: 0px !important;
	}
}

@media screen and (max-width: 576px) {
.wrapper-video {
	background-image: none !important;
}
}