:root{
	--black: 0,0,0;
	--white: 255, 255, 255;
	--light: 248, 249, 250;
	--dark: 33, 37, 41;
	--base: 0, 69, 141;
	--link: 0, 69, 141;
	--blue: 0, 69, 141;
	--success :21, 87, 36;
	--danger: 200, 28, 36;
	--link-hover: 10, 88, 202;
	--link-menu: var(--link);
	--link-menu-hover: rgba(var(--black), .7);
	--link-menu-active: rgba(var(--black), .9);
	--bg-light: var(--light);
	--base-font-family: 'Hind', sans-serif;
	--regular-transition: all .25s ease-in-out 0s;
	--header-height: 50px;
	--h1x3: ;
	--h1x2: ;
	--h1: 2.5rem;
	--h2: 2rem;
	--h3: 1rem;
	--h4: 2.2rem;
	--h5: 1.6rem;
	--h6: 1.3rem;
	--h7: 1rem;
}

body {
	font-family: var(--base-font-family);
	color: rgba(var(--base), 1);
	overflow-x: hidden;
}

/*Formato general para todas las páginas*/
a {
	color: rgba(var(--link), 1);
	text-decoration: none;
}

.smooth a, .smooth{
	-webkit-transition: var(--regular-transition);
	transition: var(--regular-transition);
}

p:last-child, ul:last-child, ol:last-child, figure:last-child {
	margin-bottom: 0;
}

::-webkit-input-placeholder,
:-moz-placeholder,  /* Firefox 18- */
::-moz-placeholder,  /* Firefox 19+ */
:-ms-input-placeholder{
	color: rgba(var(--black), .6);
}

.bg-light{
	background-color: rgba(var(--bg-light), 1) !important;
}

img.scale-img, .scale-img img{
	width: auto;
	max-width: 100%;
	height: auto;
}
img.scale-img-forced, .scale-img-forced img{
	width: 100%;
	height: auto;
}

.sep-1, .sep-2, .sep-3, .sep-4, .sep-5, .sep-6,
.sep-half, .sep-1-half, .sep-2-half, .sep-3-half, .sep-4-half, .sep-5-half, .sep-6-half{
	width: 100%;
	border: none;
	margin: 1.5rem 0 0;
}
.sep-1{
	margin-top: 3rem;
}
.sep-2{
	margin-top: 6rem;
}
.sep-3{
	margin-top: 9rem;
}
.sep-4{
	margin-top: 12rem;
}
.sep-5{
	margin-top: 15rem;
}
.sep-6{
	margin-top: 18rem;
}
.sep-1-half{
	margin-top: 4.5rem;
}
.sep-2-half{
	margin-top: 7.5rem
}
.sep-3-half{
	margin-top: 10.5rem;
}
.sep-4-half{
	margin-top: 13.5rem
}
.sep-5-half{
	margin-top: 16.5rem;
}
.sep-6-half{
	margin-top: 19.5rem;
}

.btn-link {
	font-weight: 400;
	text-decoration: none;
}

.btn:hover {
	-webkit-transform: scale(0.9);
	background: rgba(var(--link), .4);
	-webkit-transition: all 0.2s ease-in-out;
}



h1, .h1{
	font-weight: 700;
	font-size: var(--h1);
}
h2, .h2{
	font-size: var(--h2);
	font-weight: 700;
}
h3, .h3{
	font-size: var(--h3);
	font-weight: 700;
}

.font-bd {
	font-weight: 700;
}
.font-rg {
	font-weight: 400;
}
.font-lt {
	font-weight: 300;
}

.btn-fugran {
	background-color: rgba(var(--base), 1);
	color: rgba(var(--light), 1);
	transition: all .15s ease-in-out 0s;
}

.btn-borde-fugran {
	border-color: rgba(var(--base), 1);
	border-radius: 10px;
	border-style: solid;
	transition: all .15s ease-in-out 0s;
}

/*MENU HERRAMIENTAS EDITOR DE TEEXTO IMAGENES*/
.rte-img-chosen .toolbar[contenteditable]{
	display: none;
}


header{
	position: fixed;
	top: 0;
	width: 100%;
	min-height: var(--header-height);
	box-shadow: 0px 2px 10px 2px rgba(var(--dark),.2);
	z-index: 1;
}
.navbar {
	background-color: rgba(var(--white), 1);
	width: 100%;
	min-height: var(--header-height);
	padding: 0;
}

.navbar div{
/*	position: relative;*/
}
.navbar .container, 
.navbar .row {
	width: 100%;
}

.navbar-brand-container {
	position: relative;
}
.navbar .navbar-brand {
	margin: 0;
	line-height: var(--header-height);
	padding: 0;
}
.navbar .navbar-brand svg{
	fill: rgba(var(--link), 1);
	max-width: 100px;
}
.navbar-collapse {
	min-height: 100%;
}
.navbar-nav {
	margin-left: auto;
	margin-right: auto;
}
.navbar a {
	display: block;
	color: rgba(var(--link), 1);
	text-transform: uppercase;
	padding: .5rem;
	font-weight: 700;
	font-size: .9rem;
	white-space: nowrap;
}
.navbar a.active, 
.navbar .show > a {
	color: var(--link-menu-active);
}
.navbar nav-link:focus, 
.navbar a:hover {
	color: var(--link-menu-hover);
}

.langbar-container {
	min-height: 100%;
	display: flex;
}
.langbar {
	position: relative;
	align-items: center;
	width: 100%;
}
.langbar li {
	width: 100%;
	text-align: right;
}
.langbar i {
	font-size: 1rem;
}
.langbar a {	
	font-size: .875rem;
	font-weight: 400;
	padding: .5rem 1rem;
}
.langbar .dropdown-menu {
	right: auto;
	left: 50%;
	width: auto;
	text-align: center;
	transform: translateX(-50%);
}


.navbar-toggler {
	position: absolute;
	background: 0;
	margin: 0;
	min-height: 1.6rem;
	width: 30px;
	z-index: 1;
	outline: 0;
	padding: 0;
	border: 0;
	left: auto;
	right: 15px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
.navbar-toggler:focus {
	text-decoration: none;
	outline: 0;
	box-shadow: none; 
}
.navbar-toggler span, 
.navbar-toggler span::before, 
.navbar-toggler span::after {
	position: absolute;
	margin: auto;
	width: 100%;
	height: 2px;
	content: '';
	top: 50%;
	left: 0;
	transition: var(--regular-transition);
	background-color: rgba(var(--dark), .8);
}
.navbar-toggler span::before {
	top: -7px;
}
.navbar-toggler span::after {
	top: 7px;
}
.navbar-toggler[aria-expanded="true"] span{
	background: none;
}
.navbar-toggler[aria-expanded="true"] span::before{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 0;
}
.navbar-toggler[aria-expanded="true"] span::after{
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0;
}

footer{
	background-color: rgba(var(--base), 1);
	color: rgba(var(--light), 1);
	padding: 3rem 0;
}
footer .nav{
	border-bottom: 1px solid rgba(var(--light), 1);
	padding-bottom: 1rem;
	margin-bottom: 1rem;
	text-align: center;
}
footer a {
	color: rgba(var(--light), 1);
	font-weight: 700;
	text-transform: capitalize;
	padding: .5rem;
}
footer a:focus,
footer a:hover {
	color: rgba(var(--light), .6);
}
footer a.active {
	color: rgba(var(--light), .8);
}

.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	min-width: 0rem;
	padding: 0 0;
	margin: 0.125rem 0 0;
	font-size: 1rem;
	color: rgba(var(--black), 1);
	text-align: left;
	list-style: none;
	background-color: rgba(var(--white), 1);
	background-clip: padding-box;
	border: 1pxsolidrgba(0, 0, 0, .15);
	border-radius: 0.25rem;
	text-transform: uppercase;
}
.dropdown-menu .dropdown-item.active, 
.dropdown-menu .dropdown-item:active {
	color: rgba(var(--white), 1);
	text-decoration: none;
	background-color: rgba(var(--base), 1);
}


.header-video > div {
	padding: 0;
}
.header-video .video-container{
	padding:44.17% 0 0 0;
	position:relative;
}
.video-container::before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
.header-video .video-container iframe{
	width: 100%; !important; 
	height: 100% !important; 
	position: absolute; 
	top:0; 
	left:0; 
	right:0; 
	margin: auto;
}




.about .page-content,
.presence .page-card-blocks,
.contact-form-container,
.product-specs{
	background-color: rgba(var(--bg-light), 1);
}

.page-items-blocks,
.page-content,
.page-card-blocks{
	padding-top: 1rem;
	padding-bottom: 1rem;
}


.page-single-header-image > div,
.page-single-header-image > div > div,
.page-single-header-image > div > div > div{
	padding: 0;
}
.page-single-header-image img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

.page-main-title {
	padding-top: 6rem;
	text-align: center;
}
.page-main-title h1{
	font-weight: 700;
	text-transform: uppercase;
}

.page-lead{
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.25rem;
	padding-left: 1rem;
	padding-right: 1rem;
	background-color: transparent;
}
.page-lead.bg-white{
	background-color: rgba(var(--white), 1);
}
.page-lead.bg-light{
	background-color: rgba(var(--light), 1);
}
.page-lead.bg-blue{
	background-color: rgba(var(--blue), 1);
	font-weight: 400;
	color: rgba(var(--light), 1);
}



.page-items-blocks .item-block img {
	max-width: 100%;
}


.card-global {
	background-color: rgba(var(--white), 1);
	border: 0px solid rgba(0, 0, 0, .125);
	height: 210px;
	border-radius: 15px;	
	-webkit-transition: all 0.2s ease-in-out;
}
.card-global:hover {
	-webkit-transform: scale(0.9);
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .0) !important
}

.page-card-blocks .card-block .card-body{
	padding: 1.5rem;
}
.page-card-blocks .card-block h2{
	text-transform: uppercase;
	font-weight: 700;
}
.page-card-blocks .card-block h3{
	text-transform: uppercase;
	font-weight: 700;
	color: rgba(var(--dark), 1);
}
.page-card-blocks .card-block div.small{
/*	text-transform: capitalize;*/
}




.dynamic-list{
	padding: 3rem 0;
}
.dynamic-list .service,
.dynamic-list .product {
	padding: .25rem;
}
.dynamic-list h2{
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
}
.dynamic-list .card-img-overlay {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.dynamic-list h3 {
	font-weight: 700;
	font-size: 1rem;
	text-transform: uppercase;
	text-align: center;
}
.dynamic-list a{
	font-weight: 700;
	font-size: .875rem;
	text-transform: uppercase;
	text-align: center;
	color: rgba(var(--link), 1);
}

.dynamic-cat-services-list .card-img-overlay {
	padding: 0;
	background-color: rgba(var(--base), .7);
	transition: .3s ease-in-out;
}
.dynamic-cat-services-list .card:hover .card-img-overlay {
	background-color: rgba(var(--base),.5);
}
.dynamic-cat-services-list .card-img-overlay a {
	display: flex;
	height: 100%;
	width: 100%;
	justify-content: center;
	align-items: center;
}
.dynamic-cat-services-list .card-img-overlay a h3{
	font-weight: 700;
	font-size: 1rem;
	margin: 0;
	text-transform: uppercase;
	color: rgba(var(--light), 1);
	text-align: center;
}



/*HOMEPAGE*/
.home .page-main-title span {
	display: none !important;
}

/*HOMEPAGE*/


.cta-panel{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	padding: 3rem 0;
	background-color: rgba(var(--light), 1);
}
.cta-panel.bg-blue{
	background-color: rgba(var(--base), 1);
}
.cta-panel.bg-light{
	background-color: rgba(var(--light), 1);
	color: rgba(var(--base), 1);
}
.cta-panel.bg-white{
	background-color: rgba(var(--white), 1);
	color: rgba(var(--base), 1);
}
.cta-panel .cta-content{
	padding: 3rem 0;
	text-align: center;
}
.cta-panel .cta-content h2 {
	font-weight: 700;
	text-transform: uppercase;
	text-align: center;
	color: rgba(var(--light), 1);
	margin: 1rem 0;
}
.cta-panel.bg-white .cta-content h2,
.cta-panel.bg-light .cta-content h2{
	color: rgba(var(--base), 1);
}
.cta-panel .cta-content .lead {
	margin: 1rem 0;
}
.cta-panel .cta-content a{
	color: rgba(var(--light), 1);
	background-color: rgba(var(--base), 1);
	text-transform: uppercase;
	font-weight: 700;
	transition: var(--regular-transition);
}
.cta-panel.bg-blue .cta-content a {
	background-color: rgba(var(--light), 1);
	color: rgba(var(--base), 1);
}
.cta-panel .cta-content .button-container {
	text-align: center;
	margin: 1rem 0;
}
.cta-panel .cta-content .button-container a{
	display: inline-block;
}

/*SERVICES*/
.services-list .service-category-container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.services-list .service-category-title h2{
	text-transform: uppercase;
}
.services-list .service-category-img{
	text-align: right;
}
.services-list .service-category-img img{
	width: 75%;
}
.services-list .service-title {
	padding: .5rem 1.5rem;
}
.services-list .service-title h3 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 400;
}
.services-list .service-title h3 a{
	position: relative;
}
.services-list .service-content-container {
	padding: 0 .5rem;
}
.services-list .service-content {
	padding: 1rem 1rem 2rem;
	color: rgba(var(--dark), 1);
}



/*CONTACT*/
.contact-form-container form > .container {
	padding: 1rem 3rem;
}
.contact-form-container .row{
	margin-bottom: 1rem;
}
.contact-form-container label{
	text-transform: uppercase;
	font-size: 1.25rem;
	font-weight: 700;

	padding-top: calc(.375rem + 1px);
	padding-bottom: calc(.375rem + 1px);
	margin-bottom: 0;
	line-height: 1.5;
}
.contact-form-container input,
.contact-form-container select,
.contact-form-container textarea{
	background-color: rgba(var(--bg-light), 1);
	border-color: rgba(var(--base), 1);
}
.contact-form-container select{
	padding-top: 7px;
	padding-bottom: 7px;
}
.contact-form-container textarea{
	border-radius: 10px;
	resize: none;
}
.contact-form-container .form-check-label{
	padding: .15rem 0 0 0;
	font-size: 1rem;
	text-transform: none;
}

form .has-error{
	border-color: rgba(var(--danger), 1);
}


/*PRDUCTS*/
.products-category-list .product-category-container {
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.products-category-list .product-category-title h2{
	text-transform: uppercase;
	padding: 0 0 .5rem;
}
.products-category-list .product-container{
	padding: 1rem 0 0;
}
.products-category-list .product-short-descripcion{

}

.product{
	position: relative;
	text-align: center;
}
.product .product-image{
	text-align: center;
}
.product .product-image img{
	border-radius: 50%;
	max-width: 50%;
}
.product .product-logos {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	padding: .35rem .65rem;
	width: 75px;
	text-align: left;
}
.product .product-logos img {
	max-height: 30px;
	display: block;
	padding-top: .25rem;
	width: auto;
	max-width: 75px;
}
.product .product-bottom {
	padding: 1.5rem 0 3rem;
}
.product .product-cta a {
	color: rgba(var(--link), 1);
	font-weight: 700;
	text-transform: uppercase;
}
.product .product-cta a:hover {
	color: rgba(var(--link), 1);
}
.product .product-info{
	text-align: center;
	color: rgba(var(--dark), 1)
}
.product .product-name{
	font-weight: 700;
	text-transform: uppercase;
}


.product-detail{
	padding: 3rem 0 0;
}
.product-detail .product-detail-image{
	padding: 3rem;
}
.product-detail .product-detail-image img{
	border-radius: 50%;
	max-width: 100%;
	height: auto;
}
.product-detail .product-detail-title{
	text-transform: uppercase;
	font-weight: 700;
}
.product-detail .lead {
	font-weight: 700;
	text-transform: uppercase;
}
.product-detail .product-detail-logos{
	padding: 1rem 0 0;
}
.product-detail .product-detail-logos img{
	max-width: 25%;
	height: auto;
	margin-left: 1rem;
}
.product-detail .product-detail-logos img:first-child{
	margin: 0;
}

.product-specs{
	padding: 3rem 0 0;
}
.product-specs .lead {
	padding-bottom: 3rem;
}

.product-specs .nav{
	padding-left: calc(var(--bs-gutter-x) * .5);
}
.product-specs .product-feature-title h2 {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.product-specs .tab-content{
	padding: 1rem 0 3rem;
	color: rgba(var(--dark), 1);
}
.product-specs .description-content {
	padding: 0 0 2rem;
}

.product-specs .nav-pills a {
	background: rgba(var(--white));
	border-radius: 50px;
	border: 1px solid rgba(var(--black), .2);
	color: rgba(var(--black),.5);
	transition: var(--regular-transition);
}
.product-specs .nav-pills a:hover {
	border: 1px solid rgba(var(--black), .4);
	color: rgba(var(--black),.7);
}
.product-specs .nav-pills a.active,
.product-specs .nav-pills .show > a {
	color: rgba(var(--white), 1);
	background-color: rgba(var(--base), 1);
	border-color: transparent;
	cursor: default;
}
.product-specs .nav-pills li:not(:first-child) {
	margin-left: 5px;
}


.related-products {
	padding-top: 2rem;
}
.related-products h2 {
	text-transform: uppercase;
	font-weight: 700;
	text-align: center;
	margin-bottom: 2rem;
}

.related-products .product .product-image img {
	max-width: 38%;
}





/*GLOBAL PRESENCE*/
.global-presence .card-body h2 {
	position: relative;
	padding-left: 1.6rem;
}
.global-presence .card-body h2::before {
	content: "\f041";
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-moz-osx-font-smoothing: grayscale;
	position: absolute;
	width: 2rem;
	height: 2.5rem;
	left: 0;
	bottom: 0;
}




/*
* ==========================================
*Acordión
* ==========================================
*/
/* Horizontal line */
.collapsible-link::before {
	content: '';
	width: 14px;
	height: 2px;
	background: rgba(var(--base), 1);
	position: absolute;
	top: calc(50% - 2px);
	left: -1.5rem;
	display: block;
	transition: all 0.3s;
}
.collapsible-link[aria-expanded="true"]::before {
	transform: rotate(180deg);
	top: calc(50% - 3px);
}

/* Vertical line */
.collapsible-link::after {
	content: '';
	width: 2px;
	height: 14px;
	background: rgba(var(--base), 1);
	position: absolute;
	top: calc(50% - 8px);
	left: calc(-1.5rem + 6px);
	display: block;
	transition: all 0.3s;
}
.collapsible-link[aria-expanded='true']::after {
	transform: rotate(90deg) translateX(-1px);
}







#ajax-status {
	background: rgba(var(--white), 1);
	border-radius: 5px;
	left: 50%;
	padding: 10px;
	position: fixed;
	top: 50%;
	z-index: 1500;
	display: none;
	transform: translate(-50%, -50%);
	width: 50px;
	height: 50px;
}
#ajax-status img {
	width: 100%;
	height: auto;
}

.site-status {
	position: fixed;
	z-index: 99;
	bottom: 0;
	transform: translateY(100%);
	left: 0;
	right: 0;
	background-color: rgba(var(--white), .9);
	padding: 1rem;
	box-shadow: 0px 2px 10px 2px rgba(var(--dark),.2);
	transition: var(--regular-transition);
}
.site-status .col{
	position: relative;
}
.site-status.open {
	transform: translateY(0);
}
.site-status-inner {
	margin: auto;
	max-width: 800px;
	padding: 0 30px;
}
.site-status.success {
	background-color: rgba(var(--success),.8);
	color: rgba(var(--white),1);
}
.site-status.danger {
	color: rgb(21, 87, 36);
	background-color: rgba(var(--danger),.9);
	color: rgba(var(--white),1);
}
.site-status-close {
	position: absolute;
	top: -15px;
	right: 0;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 1.3rem;
}
.site-status-close a {
	display: block;
	width: 100%;
	height: 100%;
	color: rgba(var(--base), 1);
	transition: var(--regular-transition);
}
.site-status.success .site-status-close a,
.site-status.danger .site-status-close a {
	color: rgba(var(--white), 1);
}


.back-to-top {
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
	bottom: 0;
	top: auto;
	height: auto;
	right: 0;
	position: fixed;
	width: 100%;
	z-index: 999;
	transform: translateY(100%);
	transition: var(--regular-transition);
}
.back-to-top, .back-to-top div {
	height: 1px;
}
.back-to-top a {
	position: absolute;
	right: 40px;
	display: block;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	background-color: rgba(var(--base), .5);
	text-align: center;
	line-height: 35px;
	font-size: 1.5rem;
	color: rgba(var(--white), 1);
	transition: var(--regular-transition);
	box-shadow: 0px 0px 4px 0px rgba(var(--white),.5);
}
.back-to-top a:hover {
	background-color: rgba(var(--base),1);
}
.back-to-top.open {
	bottom: 100px;
}