:root {
	--font-family-text: 'Roboto', sans-serif;
	--font-family-heading: 'Titillium Web', sans-serif;

	--color-main: #2c89ff;

	--color-text-light: #f5f5f5 ;
	--color-text: #101010 ;
	--color-text-dark: #000000 ;
	--color-text-alt-light: #2c89ff ;
	--color-text-alt: #ff8333 ;
	--color-text-alt-dark: #000000 ;
	--color-heading-light: #000000 ;
	--color-heading: #000000 ;
	--color-heading-dark: #000000 ;
	--color-heading-alt-light: #000000 ;
	--color-heading-alt: #000000 ;
	--color-heading-alt-dark: #000000 ;
	--color-background-light: #f5f5f5 ;
	--color-background : #ffffff ;
	--color-background-dark: #101010 ;
	--color-background-alt-light: #f5f5f5 ;
	--color-background-alt: #2c89ff ;
	--color-background-alt-dark: #ff8333 ;
}
html{scroll-behavior: smooth;}
body{font-family: var(--font-family-text); color: var(--color-text);}
/*RESET*/
	a, a:focus, a:hover, a:active, li:focus, li:hover, li:active, button:focus, button:hover, button:active, span:focus, span:hover, span:active {outline: 0; text-decoration: none !important;}
	a{color: var(--color-text);}
	a:focus, a:hover, a:active{color: var(--color-text-alt);}
	.btn, button{border-radius: 0!important;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: var(--font-family-heading); line-height: 1;}
	h1, .h1 {font-size: 2.3rem; line-height: 1.2; margin-bottom: 1rem; color: var(--color-heading); }
	h2, .h2 {font-size: 1.9rem; line-height: 1.2; margin-bottom: 1rem; color: var(--color-heading);}
	h3, .h3 {font-size: 1.5rem; line-height: 1.2; margin-bottom: 1rem; color: var(--color-heading-alt);}
	h1 strong, .h1 strong, h2 strong, .h2 strong {font-weight: 700;}
	strong {font-weight: 700; /*font-size: 80%;*/}
	strong.special {color: var(--color-text-alt);}
	mark, .mark {background-color: var(--color-gray-light);}
	small, .small {font-size: .8rem;}
/*BACKGROUND*/
/*HEADING*/
/*TEXT*/
	.text-dark {color: var(--color-text-dark) !important;}
	.text-primary{color: var(--color-text) !important;}
	.text-main {color: var(--color-text-alt) !important;}
	.text-main-light {color: var(--color-text-alt-light) !important;}
	.text-secondary{color: var(--color-text-alt) !important;}
	/*.text-underline {margin-bottom: 0;}*/
	.text-underline:after {content: ''; display: block; border-top: 1px solid var(--color-text); width: 20px; margin: 5px 0;}
	/*.text-sideline {margin-bottom: 0;}*/
	.text-sideline:before {content: ''; display: inline-block; width: 3rem; border-bottom: 1px solid var(--color-text); margin-right: 0.5rem;}
	.text-main.text-sideline:before { border-color: var(--color-text-alt);}
	.text-main-light.text-sideline:before { border-color: var(--color-text-alt-light);}
	/*.text-upperline:before, .page-header:before {content: ''; display: block; border-top: 4px solid; border-image-slice: 1; width: 3rem; margin-bottom: 0.5rem; border-image-source: linear-gradient(to right, #003478, #63cafc); }*/
	.text-center .text-underline:after, .text-center.text-underline:after {margin: 0.3rem auto 0.8rem;}
/*LISTS*/
	ul {list-style: none; padding-left: 1rem;}
	ul > li:before {font-family: 'Material Design Icons';}
	ul.list-diamond > li, 
	ul.list-checked > li {font-size: 1.2rem; font-weight: 500; display:flex; align-items: center; line-height: 1; margin: 0 .4rem 1rem; color: var(--color-text-dark);}
	ul.list-diamond > li:before {content: '\F0B8B';}
	ul.list-checked > li:before {content: '\F012D';}		
	ul.list-chevron {list-style: none; padding-left: 1.5rem; }
	ul.list-chevron > li {margin-bottom: 0.5rem; display: flex; font-size: 1rem; line-height: 1; line-height: 1.1; align-items: center;}
	ul.list-chevron > li:before {content: '\f0142'; margin-right: .4rem; color: var(--color-text-alt-light); font-weight: bold; font-size: 1.1rem;}
	.blog .content ul {list-style: none; padding-left: 1.5rem; }
	.blog .content ul > li {font-size: 1rem; line-height: 1.1; align-items: center; margin-left: -20px;}
	.blog .content ul > li:before {content: '\f0142'; margin-right: .4rem; color: var(--color-text-alt-light); font-weight: bold; font-size: 1.1rem;}
	.blog table{	--bs-table-bg: transparent; --bs-table-accent-bg: transparent; --bs-table-striped-color: #212529; --bs-table-striped-bg: rgba(0, 0, 0, 0.05); --bs-table-active-color: #212529; --bs-table-active-bg: rgba(0, 0, 0, 0.1); --bs-table-hover-color: #212529; --bs-table-hover-bg: rgba(0, 0, 0, 0.075); width: 100%; margin-bottom: 1rem; color: #212529; vertical-align: top; border-color: #dee2e6;}
	.blog table>tbody>tr:nth-of-type(odd) {--bs-table-accent-bg: var(--bs-table-striped-bg); color: var(--bs-table-striped-color); }
/*WELL*/
	.well {border: 2px solid var(--color-main); margin: 2rem 0; padding: 1.5rem 1.5rem; font-weight: 500; font-size: 1rem; }
	.well.special {font-size: 1.3rem; font-weight: 600; line-height: 1.2; font-family: var(--font-family-heading); border: none; position: relative; padding: 1rem 0 0; margin-left: 6rem; text-transform: uppercase;}
	/*si el well tiene fondo gris*/
	.well.special:before {content: '\F027E'; font-family: 'Material Design Icons'; position: absolute; top: 0; left: -9rem; font-size: 15rem; line-height: 8rem; opacity: 0.1; z-index: -1; transform: scaleX(-1);}
	.blockquote {margin: 2.5rem 0 2.5rem 2rem; padding: .5rem 0 .5rem 1rem; border-left: 4px solid var(--color-main); font-size: 1rem;}
	.well > *:last-child ,
	.blockquote > *:last-child {margin-bottom: 0;}*/
/*BTN*/
	.btn-social {padding: 0;}
	.btn-social:before {font-size: 1.5rem; height: 2rem; line-height: 2rem;color: var(--color-text-dark);}
	.btn-social:hover:before{color: var(--color-text);}
	.btn-social.mdi-youtube:before {font-size: 2rem;}
	.btn-primary {color: #fff!important; font-weight: 300!important; background-color: var(--color-background-dark); font-size: 1rem; }
	.btn-primary:hover {background-color: var(--color-gray-dark);}
	.btn-primary:before {display: none;}
	.btn-link {font-weight: 400; color: #fff; font-size: 2rem; line-height: 1; padding: 3px 5px; }
	.btn-link:hover {color: var(--color-text); }
/* COMPONENTES */
	/*MENU MAIN*/
		.menu-main-wrapper .navbar-toggler {padding: 0;}
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots {width: 30px; height: 30px; display: grid; grid-template-rows: repeat(3, 9px); grid-template-columns: repeat(3, 9px); justify-items: center; align-items: center; }
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots > div {background-color: var(--color-background-dark); width: 0.2em; height: 0.2em;  border-radius: 50%; animation: special-fade 1.5s alternate ease-in-out infinite; } 
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots > div:nth-of-type(2), .navbar-toggler-dots > div:nth-of-type(4) {animation-delay: 0.25s; }
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots > div:nth-of-type(3), .navbar-toggler-dots > div:nth-of-type(5), .navbar-toggler-dots > div:nth-of-type(7) {animation-delay: 0.5s; }
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots > div:nth-of-type(6), .navbar-toggler-dots > div:nth-of-type(8) {animation-delay: 0.75s; } 
		.menu-main-wrapper .navbar-toggler .navbar-toggler-dots > div:nth-of-type(9) {animation-delay: 1s; }
		@keyframes special-fade {to {opacity: 0.2; } }
		.menu-main-wrapper .navbar-toggler .navbar-toggler-box .box {perspective: 120px;}
		.menu-main-wrapper .navbar-toggler .navbar-toggler-box .plane {width: 2em; height: 2em; background-color: var(--color-background-dark); transform: rotate(0); animation: flip 8s infinite;}
		@keyframes flip {25% {transform: rotateY(180deg);} 50% {transform: rotateY(180deg) rotateX(180deg);} 100% {transform: rotateY(0deg);}}
		.menu-main > .nav > .nav-item > .nav-link {color: var(--color-text); font-size: 1.2rem; font-weight: 400; font-family: var(--font-family-heading); line-height: 1; text-transform: uppercase; box-shadow: none !important; padding: 1rem 0.6rem 1rem ; border: none; margin-right: 15px;}
		.menu-main .menu{position: relative;}
		.menu-main .main-menu{border-right: 1px solid #000;}
		.menu-main ..main-menu>
		.menu-main .menu-rrss {margin-left: 15px;}
		.menu-main .menu-rrss .nav-link{padding: 1rem 0 1rem!important;}
		.menu-main .submenu-wrapper {position: absolute; top: calc(100% + 20px); /*left: 0; right: 0;*/ z-index: 5; overflow: hidden; padding: 0; background-color: #fff; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); transition: all 300ms ease;}
		.menu-main .submenu-wrapper a.nav-link {color: var(--color-text); text-transform: uppercase;}
		.menu-main .submenu-wrapper a.nav-link:hover {color: var(--color-text-light); background-color: var(--color-background)}
		.menu-main .submenu-wrapper.show , .menu-main .submenu-wrapper.collapsing {display: block;}
		.menu-main .submenu-wrapper.show > .nav-child .nav-link.view-all {opacity: 1; transform: translateY(0);}
		.menu-main .submenu-wrapper:before {content: ""; position: absolute; top: -1rem; height: 1rem; width: 100%; box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); z-index: 1;}
		.menu-main .submenu-wrapper > .nav-child {display: block;}
		.menu-main .submenu-wrapper > .nav-child > .nav-item {display: block;}
		.menu-main .submenu-wrapper > .nav-child > .parent > .nav-link {text-transform: uppercase; color: var(--color-text); font-weight: 700; padding: 0; margin-bottom: 9px;}
		.menu-main .submenu-wrapper > .nav-child > .nav-item .nav-list {display: block;}
		.menu-main .submenu-wrapper > .nav-child .sublist-wrapper .nav-link {display: block; padding: 0 0; color: #000;}
		.menu-main .submenu-wrapper > .nav-child > .nav-link.view-all {position: absolute; bottom: 0; right: 0; border: 0 !important; font-size: .8rem; padding: .5rem 1rem; background-color: var(--color-background-light); color: var(--color-text); transition: transform 150ms ease, opacity 150ms ease, background-color 300ms ease, color 300ms ease; opacity: 0; transform: translateY(100%);}
		.menu-main .submenu-wrapper > .nav-child > .nav-link.view-all:hover {background-color: var(--color-background); color: #fff;}
	/*EFFECT SLIDE*/
		/*Agregar la clase effect-slide al menu-main para dar un efecto hover slide con el background gris*/
		.menu-main .effect-slide.nav > .nav-item > .nav-link {z-index: 1; position: relative; padding: 0.5em 1em; outline: none; border: none;}
		.menu-main .effect-slide.nav > .nav-item > .nav-link::before {background-color: var(--color-background-light); content: ''; z-index: -1; position: absolute; top: 0; bottom: 0; left: 0; right: 0; transform-origin: center top; transform: scaleY(0); transition: transform 0.25s ease-in-out; }
		.menu-main .effect-slide.nav > .nav-item > .nav-link:hover {cursor: pointer; color: #FFF;}
		.menu-main .effect-slide.nav > .nav-item > .nav-link:hover::before {transform-origin: center bottom; transform: scaleY(1); }
	/*EFFECT UNDERLINE*/
		.menu-main .effect-underline.nav > .nav-item > .nav-link {position: relative; }
		.menu-main .effect-underline.nav > .nav-item > .nav-link::before {background-color:var(--color-background-light); content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 2px; transform-origin: bottom right; transform: scaleX(0); transition: transform 0.5s ease; } 
		.menu-main .effect-underline.nav > .nav-item > .nav-link:hover::before {transform-origin: bottom left; transform: scaleX(1);}
	/* MENU HELPER */
		.bg-click {z-index: -1; background-color: rgba(0,0,0,0); transition: z-index step-start, background-color 600ms ease;}
		.bg-click.on {position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; background-color: rgba(0,0,0,.7);}
	/*MENU RRSS*/
		.menu-rrss .nav-link{padding: 0;}
		.menu-rrss .nav-item + .nav-item {margin-left: .5rem;}
	/*CONTACT FORM*/
		.contact-form-wrapper {position: relative; z-index: 1; /*margin-top: 20px;*/}
		.contact-form-wrapper .header {display: block; position: relative; z-index: 2;}
		.contact-form-wrapper .header .title {line-height: 1.1; background-color: var(--color-gray-light); text-transform: uppercase; font-weight: 700; font-size: 1.2rem; padding: 0.7rem 1rem; margin-bottom: 0;}
		.contact-form-wrapper .header i {flex: 0 0 auto; padding: .8rem 0.1rem; background-color: var(--color-background-dark); font-size: 2.3rem; line-height: 1; color: #fff;}
		.contact-form-wrapper .contact-form {position: relative; padding: 3rem 0 1rem 0; margin-top: -2rem;}
		.contact-form-wrapper .contact-form .form-group {display: flex; position: relative; align-items: center; padding: 0; margin-bottom: .5rem;}
		.contact-form-wrapper .contact-form .control-label {position: absolute; left: .5rem; margin: 0; text-transform: uppercase; pointer-events: none; font-size: .8rem; color: var(--color-gray-dark);}
		.contact-form-wrapper .contact-form .form-control {border-radius: 0 !important; border: 1px solid var(--color-gray); transition: box-shadow 300ms ease !important;}
		.contact-form-wrapper .contact-form .form-control:focus {border-color: var(--color-background-dark); box-shadow: 0 0 0 0.2rem #00000033;}
		.contact-form-wrapper .contact-form .form-control {padding: .3rem .5rem; font-size: .8rem; color: var(--color-text-dark);}
		.contact-form-wrapper .contact-form .form-control:focus + .control-label {color: var(--color-gray);}
		.contact-form-wrapper .contact-form .form-control:valid + .control-label {display: none;}
		.contact-form-wrapper .contact-form textarea + .control-label {padding-top: .3rem;}
		.contact-form-wrapper .contact-form .btn-send {text-transform: uppercase; cursor: pointer; font-weight: 500; border: none; display: block; width: 100%; background: var(--color-background-light); border: none;}
		/*CONTACT FORM MODAL*/
		.modal .modal-header {padding: 0; background-color: var(--color-background-dark);}
		.modal .modal-header button.close {position: relative; top: -50px; right: 40px; background-color: var(--color-gray); border: none; border-radius: 15px!important; padding: 0; height: 25px; min-width: 25px; }
		.modal .modal-header button .mdi-close:before {display: inline-block; content: "\f0156"; font-family: "Material Design Icons"; color: #fff; font-style: normal; font-size: 1rem; line-height: 1; vertical-align: middle;}
		.modal .modal-body {padding: 0 1rem 1rem; }
		.modal .modal-body h2 {font-size: 2rem;}
		.modal .modal-body .form-control {border-radius: 0;}
		.modal .modal-body .form-group {margin-bottom: .5rem;}
		.modal .modal-body .btn-send {text-transform: uppercase; color: #fff; background-color: var(--color-main); width: 100%; padding: 5px 40px;}
		.modal .contact-form .form-control {font-size: .8rem;}
		.modal .contact-form select {width: 100%; border-color: var(--color-gray); padding: 5px; text-transform: uppercase; font-size: .9rem; color: var(--color-gray-dark); } 
		/*ASIDE*/
		aside.wrapper.aside-right {background-color: #202020;  padding: 0 6px;}
		aside.wrapper .contact-form-wrapper .header .title {width: 100%; line-height: 1; font-weight: 700; color: #fff; font-size: 1.7rem; background: none; padding-top: 1rem; text-transform: initial; }
		aside.wrapper .contact-form-wrapper .contact-form {padding: .5rem 1rem 1rem; margin-top: 0;}
		aside.wrapper .contact-form-wrapper .contact-form .form-group {margin-bottom: 1rem;}
		aside.wrapper .contact-form-wrapper .contact-form .form-control {background-color: var(--color-background-light); border: none; border-bottom: 1px solid #fff;}
		aside.wrapper .contact-form-wrapper .contact-form .form-control::placeholder {color: #fff;}
		aside.wrapper .contact-form-wrapper a{color: var(--color-text-alt);}
		aside.wrapper .contact-form-wrapper .contact-form label.form-check-label {color: #fff; }
		aside.wrapper .contact-form-wrapper .contact-form textarea.comments.form-control {min-height: 140px; }
		aside.wrapper .contact-form-wrapper .contact-form .btn-send {background: var(--color-background-alt-dark); color: #fff; font-size: 1.3rem; padding: 8px 0; font-weight: 700; border-radius: 15px!important;}
		aside.wrapper .contact-form-wrapper .contact-form select# {background-color: #202020; color: #fff; text-transform: uppercase; font-size: 0.8rem; width: 100%; border: none; border-bottom: 1px solid #fff; padding-bottom: .5rem; }
	/*MODULO-NOVEDADES*/
		.modulo-novedades .item-wrapper {display: block; text-decoration: none;}
		.modulo-novedades .item-wrapper .item-title {color: var(--color-text-dark); margin: 0; font-size: 1.4rem; margin-top: 7px; font-weight: 600; line-height: 1.2; font-style: normal; }
		.modulo-novedades .item-wrapper:hover .item-title {color: var(--color-text-light);}
		/*.modulo-novedades .item-wrapper .item-title:after {content: ''; display: block; width: 2rem; border: 1px solid var(--color-main); margin: 0.5rem 0 1.7rem; }*/
		.modulo-novedades .item-wrapper .item-image {overflow: hidden; background-color: var(--color-main)}
		.modulo-novedades .item-wrapper img {transform: scale(1.1); transition: all 500ms ease; width: 100%;}
		.modulo-novedades .item-wrapper:hover img {transform: scale(1.01); opacity: .75;}
	/*PAGINATION*/
		.pagination{justify-content: center; margin: 0;}
		.pagination li.page-item {margin-right: 0.3rem; }
		.pagination li:before {display: none;}
		.pagination .page-item.active .page-link {background-color: var(--color-main);}
		.pagination .page-link {color: var(--color-text); background-color: var(--color-gray-light); border: none;}
		.pagination .page-item.disabled .page-link {background-color: var(--color-gray-light); border: none;}
		/*Paginador cuadrado*/
		.pagination .page-link{height: 39px;}
		.pagination .page-item:first-child .page-link {border-top-left-radius: 0; border-bottom-left-radius: 0; }
		.pagination .page-item:last-child .page-link {border-top-right-radius: 0; border-bottom-right-radius: 0; }
		/*Paginador redondo*/
		/*.pagination .page-link{border-radius: 50%; padding: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; font-family: var(--font-family-heading);}*/
		/*.pagination .page-item:first-child .page-link {border-top-left-radius: 50%; border-bottom-left-radius: 50%; }*/
		/*.pagination .page-item:last-child .page-link {border-top-right-radius: 50%; border-bottom-right-radius: 50%; }*/
	/*ACCORDION*/
		.accordion {margin-top: 1.5rem;}
		.accordion .accordion-item {margin-bottom: .4rem; border: none; }
		.accordion .accordion-item:first-of-type {border-radius: 0;}
		.accordion .accordion-item:last-of-type {border-radius: 0;}
		.accordion .accordion-header {margin: 0;}
		.accordion .accordion-button {font-size: 1.3rem; line-height: 1.2; color: var(--color-heading-dark); font-weight: 400; padding: 1rem 1.45rem ; background-color: var(--color-gray-light); text-transform: uppercase; border-radius: 5px!important; box-shadow: none;}
		/*.accordion .accordion-button:not(.collapsed) {color: #fff; background-color: var(--color-heading); box-shadow: none; }*/
		.accordion .accordion-button:focus {box-shadow: none;}
		.accordion .accordion-button::after {background-image: none; content: "\f0140"; display: inline-block; font-family:  "Material Design Icons"; font-size: 2rem; text-rendering: auto; line-height: .5; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
		.accordion .accordion-button:not(.collapsed)::after {transform: none; content: "\f0374"}
		.accordion .accordion-body {padding: 1rem .4rem; }
	/*LOADING*/
		.loading{background: url(/images/loading.gif); background-repeat: no-repeat; background-position: 50% 50%;}
	/*ABP MEDIA TOOLS*/
		/*GALLERY*/
			/*horizontal thumbnails*/
				.media-tools-gallery-wrapper.horizontal-thumbnail .media-tools-gallery{flex-direction: column;}
				.horizontal-thumbnail .media-tools-gallery .thumbnail-button.button-prev{margin-right: 10px;}
				.horizontal-thumbnail .media-tools-gallery .thumbnail-button.button-next{margin-left: 10px;}
				.horizontal-thumbnail .media-tools-gallery-thumbnails img{margin: 0 5px;}
			/*vertical thumbnails*/
				.vertical-thumbnail .media-tools-gallery-thumbnails img{margin: 5px 0;}
			/*general*/
				.media-tools-gallery .thumbnail-button{border: 1px solid var(--color-background-light); background: none; padding: 0 3px;}
				.media-tools-gallery-active{overflow: hidden;}
				.media-tools-gallery-thumbnails {overflow: hidden;}
				.media-tools-gallery-thumbnails img{border: 1px solid var(--color-background-light); transition: all 1s ease;}
				.media-tools-gallery-thumbnails img:hover{cursor:pointer; transform: scale(1.5);}
/******************************************************************************************************************/
/*R TOP*/
	.r-top {background-color: var(--color-gray-light); padding: .5rem 0; }
	.r-top .menu {align-items: center;}
	.r-top .menu + .menu:before {content: ''; display: inline; border-left: 1px solid var(--color-gray); height: 2rem; margin: 0 1rem;}
	.r-top .menu .nav-link 	  	 {color: var(--color-text-dark);}
	.r-top .menu .nav-link:hover {color: var(--color-text);}
	/*MENU-CONTACT*/
		.r-top .menu-contact {font-size: 1rem; line-height: 1; font-family: var(--font-family-heading);}
		.r-top .menu-contact .nav-item + .nav-item {margin-left: 1rem;}
		.r-top .menu-contact .nav-item .nav-link {height: 2rem; line-height: 2rem; display: flex; align-items: center; color: var(--color-text-dark); padding: .5rem 0;}
		.r-top .menu-contact .nav-item .nav-link:hover {color: var(--color-text);}
		.r-top .menu-contact .nav-item .nav-link .mdi{margin-left: .5rem;}
		.r-top .menu-contact .nav-item .nav-link .mdi:before{font-size: 1.5rem; height: 2rem; line-height: 2rem;}
	/*MENU-TOP*/
		.r-top .menu-top .nav-link {line-height: 1.2; text-transform: uppercase; font-weight: 500; font-size: .8rem; padding: .5rem 0;}
		.r-top .menu-top .nav-item + .nav-item {margin-left: 1rem;}
		.r-top .menu-top .nav-item.active .nav-link {color: var(--color-text-dark);}
/*R NAVBAR*/
	.r-navbar {background: #fff; position: relative; z-index: 10; box-shadow: 0 0 5px #00000080;}
	.r-navbar .menu-rrss{padding-left: 20px;}
	.r-navbar.sticky-top {box-shadow: 0 3px 4px rgba(0,0,0,.16); position: fixed; top: 0; left: 0; right: 0; width: 100%; z-index: 1000;}
	.r-navbar .navbar-brand {margin: 10px 0; padding: 0;}
	.r-navbar .navbar {padding: 5px 0;}
/*R SLIDER*/
	.r-slider {overflow: hidden; position: relative; overflow: visible;}
	.r-slider #bkg-video {position: absolute; right: 0; bottom: 0; min-width: 100%; min-height: 100%; z-index: 0; opacity: 0.5;}
	.r-slider .container{position: relative; z-index: 1; height: 100%;}
	.r-slider .big-bug{position: absolute; z-index: 1; top: -750px; right: 0; animation: go-down 15s ease-out normal forwards; animation-delay: 1s;}
	.r-slider .big-bug img{max-width: 100%; display: block; height: auto;}
	@keyframes go-down {0% {top:-750px;} 100% {top:0px;}}
/*R POST SLIDER*/
	.r-post-slider{background: var(--color-background-alt);}
	.r-post-slider .h2 {font-size: 2.2rem; font-weight: 300; line-height: 1.1; color: #fff; margin-bottom: 0; padding: 25px 0; }
/*R-CONTENT*/
	.r-content {padding:2rem 0 ; /*display: flex; flex: 1 0 auto; align-items: center; */}
	.r-content .img-title{margin-top: 140px; margin-bottom: 50px;}
	.r-content .service{padding: 20px 0; background: #ffffff; border-radius: 20px!important; margin-bottom: 30px;} 
	.r-content .service .service-title {border-left: 6px solid var(--color-background-alt); padding: 0 0 0 30px; display: flex; align-items: center;}
	.r-content .service .service-title h2{font-weight: 700; font-size: 1.7rem; line-height: 1; margin-bottom: 0;}
	.r-content .service .service-title .service-icon{margin-right: 20px;}
	.r-content .service .service-body{padding: 25px 10px 0;}
	.r-content .service .service-body ul.list-chevron > li:before {margin-right: 0.1rem; color: var(--color-text-alt-light); font-size: 1.4rem;}
	.front .r-content{background:var(--color-background-light); }
/*R POST CONTENT*/
	.r-post-content{background-image: url(/images/trabajamos-juntos.png); background-repeat: no-repeat; background-size: cover; padding: 80px 0 115px 0; color: #FFF; background-position: center; font-size: 1.3rem;}
	.r-post-content .text-cta {font-size: 4rem; margin-bottom: 20px; font-family: var(--font-family-heading); font-weight: 700;}
	.r-post-content .btn-cta{background-color: var(--color-background-alt-dark); font-family: var(--font-family-heading); font-size: 1.5rem; text-transform: uppercase; border-radius: 20px!important; color: #FFFFFF; margin-top: 24px; padding: 7px 36px;}
/*R PRE BOTTOM*/
	.r-pre-bottom {padding: 3.5rem 0;}
	.r-pre-bottom h2 {font-size: 1.3rem; line-height: 1; margin-bottom: 2.3rem; color: var(--color-heading);}
/*R BOTTOM*/
	.r-bottom{background-color: var(--color-background-light); padding: 3.6rem 0; overflow: hidden;}
	.r-bottom .left{padding-top: 2.3rem;} 
	.r-bottom .left .h3{line-height: 1; margin-bottom: 1.5rem; color: var(--color-text-alt);}
	.r-bottom .left .h3:before {border-bottom: 1px solid var(--color-background-alt-dark);}
	.r-bottom .left .big-title{font-family: var(--font-family-heading); font-weight: 700;}
	.r-bottom .left .big-title{font-size: 4rem; font-weight: 900; margin-bottom: 1.7rem; line-height: 1;} .r-bottom .right .wrapper{position: relative;}
	.r-bottom .right .wrapper .card{position: absolute; width: 465px; height: auto; left: -110px; top: 60px; padding: 40px; font-size: 1.4rem; text-transform: uppercase; line-height: 1.3; border-radius: 20px!important; }
	.r-bottom .right .wrapper .card:before{content: ''; background-color: var(--color-background-alt-dark); width: 5px; height: 70px; position: absolute; left: 0; top: 40px; z-index: 1;}
/*R PRE FOOTER*/
	.r-pre-footer {padding: 40px 0;}
	.r-pre-footer {}
	.r-pre-footer ul.trust-us{display: flex; flex-wrap: wrap;}
	.r-pre-footer ul.trust-us>li{flex: 0 0 25%; min-height: 1rem;}
/*R FOOTER*/
	.r-footer {background: var(--color-background-dark); color: #fff; overflow: hidden;}
	.r-footer h2 {margin-bottom: 1rem; color: #fff; font-size: 1.3rem; font-weight: 300; }
	.r-footer h2.text-sideline:before {border-color: #fff; width: 1.5rem;}
	.r-footer a {color: #fff;}
	.r-footer a:hover {color: var(--color-text-alt-light);}
	.r-footer .moduletable {margin: 2rem 0;}
	.r-footer .nav-link{display: block; padding: 5px 0; margin-bottom: 10px;}
	/*CONTACT*/
		.r-footer .contact-us .media-body {font-size: .9rem; font-weight: 400;}
		.r-footer .contact-us .media {display: inline-flex; font-weight: 500; align-items: center; margin-bottom: .5rem;}
		.r-footer .contact-us .mdi {color: var(--color-text-alt-light); font-size: 1.2rem; margin-right: .5rem; line-height: 1rem;}
	/*NEWSLETTER*/
		.r-footer .ml-subscribe-form{width: 80%;} 
		.r-footer .newsletter p {font-size: .9rem; font-weight: 400}
		.r-footer .newsletter .form-control {border-radius: 0;}
		.r-footer .newsletter .btn {background: var(--color-text-alt-light);}
	/*SOCIAL*/
		.r-footer .menu-rrss .btn-social:before {font-size: 2rem; line-height: 2rem; color: #fff; margin-right: 1rem; }
		.r-footer .menu-rrss .btn-social:hover:before {color: var(--color-main); }
		.r-footer .menu-rrss .btn-social.mdi-youtube:before {font-size: 3rem;}
		.r-footer .menu-rrss .nav-item + .nav-item {margin-left: 0;}
	/*LINK INTERES*/
		.r-footer .right .nav {display: flex; flex-direction: column;}
		.r-footer .right .nav-link {padding: 0.2rem 0;}
/*R COPYRIGHT*/
	.r-copyright {background: var(--color-background-dark); font-size: .8rem; padding: .5rem; color: #fff;}
	.r-copyright p.small {color: #fff;}
	.r-copyright a{color: #fff;}
/*SPECIAL PAGES*/
	.front .r-slider {min-height: 480px;  background-color: #000;}
	/*.front .r-slider:before{position: absolute; top: 0; left: 0; right: 0; bottom: 0; min-width: 100%; height: 100%; content: ''; background-color: #00000075;z-index: ;}*/
	.front .r-slider h1 {margin-bottom: 0; color: #FFF; font-size: 3rem; position: relative; top: 70%; line-height: 1; text-transform: uppercase;}
	.front .r-slider h1 strong{font-size: 5rem; font-weight: 900;}
	/*PRODUCT CATEGORY*/
		.category-products .item-wrapper {border: 1px solid var(--color-gray-light); flex: 1 1 100%; display: block;}
		.category-products .item-wrapper .item-category{text-transform: uppercase; font-size: 0.7rem; line-height: 1; padding: 5px; background: var(--color-gray-light); color: var(--color-heading-dark);}
		.category-products .item-wrapper .item-title{font-weight: 700; font-size: 1.2rem; line-height: 1; padding: 10px 5px; color: var(--color-heading-dark);}
		.category-products .item-wrapper .item-introtext {padding: 0 5px 10px 5px; font-size: .8rem; line-height: 1;}
		.category-products .item-wrapper .item-introtext p{margin: 0;}
	/*PRODUCT*/
		.product-page .item-category{text-transform: uppercase; font-size: 1rem; line-height: 1; padding: 5px; background: var(--color-gray-light); color: var(--color-heading-dark);}
	/*BLOG*/
		/*CATEGORY*/
		.blog.view-category .r-slider {padding: 45px 0 0;}
		.blog.view-category .r-slider .h1{font-size: 1.5rem; line-height: 1; margin-bottom: 0;}
		.blog.view-category .item-wrapper {display: block; margin-bottom: 30px;}
		.blog.view-category .item-wrapper .page-header h1{color: var(--color-text); margin: 0; font-size: 1.6rem; font-weight: 500; line-height: 1; font-style: normal; text-transform: initial; }
		.blog.view-category .item-wrapper:hover .page-header h1{color: var(--color-heading-alt);}
		.blog.view-category .item-wrapper .item-image {overflow: hidden; background-color: var(--color-main); margin-bottom: 5px;}
		.blog.view-category .item-wrapper img {transform: scale(1.01); transition: all 500ms ease; width: 100%;}
		.blog.view-category .item-wrapper:hover img {transform: scale(1.1); opacity: .75;}
		/*ARTICLE*/
		.blog.view-article .r-slider {padding: 45px 0 0;}
		.blog.view-article  .r-slider .h1{font-size: 1.5rem; line-height: 1; margin-bottom: 0;}
		.blog.view-article .r-content h1 {font-size: 2.3rem; line-height: 1.2; font-weight: 700; color: var(--color-text); margin-bottom: 1.4rem; text-transform: initial; }
		.blog.view-article .r-content h2 {font-size: 1.5rem; text-transform: uppercase; margin-bottom: 1rem; font-weight: 700; color: var(--color-text-alt-light); }
		.blog.view-article .r-content h3:not(.title) {font-size: 1.5rem; color: var(--color-text-alt);; font-weight: 400; }
		.blog.view-article .r-content .item-image {background: repeating-linear-gradient(45deg, black 0px, black 1px, transparent 1px, transparent 12px);}
		.blog.view-article .r-content .lead {font-weight: 700; line-height: 1.2; margin-top: -2.6rem; background-color: rgb(255 255 255 / 80%); padding: 20px; border-left: 15px solid var(--color-main);}
		.blog.view-article .r-content .well {border: 1px solid #ccc; padding: 1rem; text-align: center; position: relative; }
		.blog.view-article .r-content .well:before {content: ""; width: 5rem; height: 1px; background: #000; position: absolute; display: block; top: -1px; left: calc(50% - 40px); }
		.blog.view-article .r-content .well-special {position: relative; font-family: var(--font-family-heading); font-weight: 700; font-size: 1.3rem; line-height: 1.3; padding: 2rem 0 0 4rem; }
		.blog.view-article .r-content .well-special:before {content: '\f0757'; font-family: 'Material Design Icons'; position: absolute; top: 3.5rem; left: -2rem; color: var(--color-gray); font-size: 12rem; line-height: 0; opacity: 0.3; z-index: -1; }
		.blog.view-article .r-content .blockquote {margin: 2.5rem 0 2.5rem 2rem; padding: .5rem 0 .5rem 1rem; border-left: 8px solid var(--color-main); font-size: 1rem;}
		.blog.view-article .r-content .blockquote h3 {font-size: 1rem; color: #000; font-weight: 800; margin-bottom: 0; }
/*MEDIA QUERIES*/
	@media (max-width: 1700px) {}
	@media (max-width: 1600px) {
		
		.r-slider .big-bug {width: 55%; }
		.r-bottom .right .wrapper .card {left: -50px; }
	}
	@media (min-width: 992px) {}
	@media  (min-width: 992px) and (max-width: 1339px){
		.r-slider .big-bug {width: 40%;}
	}
	@media (max-width: 991px) {
		/*TEXT*/
			.text-sideline:before {width: 1.5rem;}
		/*CONTACT FORM*/
			/*MODAL*/
			.modal-content h2, .modal .modal-body h2 {font-size: 1.5rem; line-height: 1.1; margin: 0.5rem 0; }
			.modal-content .modal-body p.modal-intro {font-size: 1rem;}
			.modal .modal-header button.close {top: -25px;}
		/*R SLIDER*/
			.front .r-slider h1 {font-size: 1rem;}
			.front .r-slider h1 strong {font-size: 4rem;}
			.r-slider .owl-item img {height: auto;}
			.r-slider .owl-item .item-text {bottom: 10px; left: 1rem; right: 10%;}
			.r-slider .owl-item .item-text h2 {font-size: 1.2rem;}
			.r-slider .owl-item .item-text p {font-size: 1rem; line-height: 1.1; margin-bottom: 5px;}
		/*R PRE FOOTER*/
			.r-pre-footer {padding: 2rem 0 0; }
		/*R FOOTER*/
			.r-footer {padding: 2rem 0 0 0;}
			.r-footer h2 {font-size: 1rem;}
			.r-footer .moduletable {margin:0 0 1rem; }
		/*COMPONETES*/
			.modulo-novedades .item-wrapper {margin-bottom: 20px; }
		/*CATEGORY-PRODUCTS*/
			.category-products .item-wrapper{margin-bottom: 15px;}
		/*BLOG*/
			.blog .item-wrapper{display: block; margin-bottom: 15px;}
			.blog .item-title{padding: 5px 10px 0 10px; margin: 0; font-size: 1.1rem; line-height: 1; font-weight: 500;}
		/*BLOG*/
			.blog.view-article .r-content h1 {font-size: 2rem; margin-bottom: 1rem; }
			.blog.view-article .r-content h2 {font-size: 1.2rem; margin-bottom: 0.5rem; }
			.blog.view-article .r-content h3 {font-size: 1.2rem;}
			.blog.view-article .r-content ul {padding-left: .5rem;}
			.blog.view-article .r-content .lead {font-size: 1.2rem; margin-top: 1rem; line-height: 1.1; padding: 15px; }
			.blog.view-article .r-content .well {padding: 1rem;}
			.blog.view-article .r-content .well-special {padding-right: 1rem;}
	}
	@media (min-width: 768px) and (max-width: 991px) {
		.front .r-slider {min-height: 300px;}
		.front .r-slider .big-bug {width: 250px;}
		.front .r-slider h1 {font-size: 2.2rem; top: 15%; width: 50%; }
		.r-content .img-title {margin-top: 50px; margin-bottom: 50px; }
		.r-pre-bottom .modulo-novedades.news-wrapper > .row > div:nth-child(3){display: none;}
		.r-bottom .right .wrapper .card {position: absolute; width: 60%; height: auto; left: -20px; top: 60px; padding: 30px; font-size: 1rem; text-transform: inherit; line-height: 1.3; border-radius: 20px!important; }
		.r-bottom .right .wrapper {height: 400px; }
		.r-pre-footer {padding: 20px 0;}
		.r-pre-footer ul.trust-us>li {flex: 0 0 33%;}
	}
	@media (min-width: 768px) {}
	@media (max-width: 767px) {
		.front .r-slider {min-height: 400px;}
		/*TEXT*/
			h1, .h1 {font-size: 1.5rem; line-height: 1; margin-bottom: 0.5rem;}
			h2, .h2 {font-size: 1.2rem; margin: 0 0 .5rem;}
			h3, .h3 {font-size: 1.2rem; margin-bottom: .5rem}
			p { margin-bottom: .5rem}
			ul { margin-bottom: .5rem}
			.lead {font-size: 1.1rem;}

		.r-slider .big-bug{display: none;}
		.front .r-slider h1 {font-size: 2rem;}
		.r-post-slider .h2 {font-size: 1.4rem; padding: 20px 0; text-align: center; }
		.r-content .img-title {margin-top: 50px; margin-bottom: 30px;}
		.r-content .service .service-title {display: flex; align-items: center;}
		.r-content .service .service-title {padding: 0 0 0 15px;}
		.r-content .service .service-body ul{padding-left: 0;}
		.r-post-content {padding: 80px 0; }
		.r-post-content .text-cta {line-height: 1; font-size: 3rem;}
		.r-pre-bottom .modulo-novedades>h2{margin-bottom: 30px; font-size: 1.7rem; font-weight: 600;}
		.r-bottom .left{padding-top: 1rem;} 
		.r-bottom .right img{display: none;}
		.r-bottom .right .wrapper .card {width: 90%; left: 5%; top: 80%; padding: 30px; font-size: 1.2rem; text-transform: inherit; line-height: 1.2; position: relative;}
		.r-pre-footer ul.trust-us {padding-left: 0; justify-content: space-between;}
		.r-pre-footer ul.trust-us>li {flex: 0 0 45%; min-height: 2rem; }
		/*ACCORDION*/
			.accordion {margin-top: 1rem;}
			.accordion .accordion-button {font-size: 1.1rem; line-height: 1.2; padding: 1rem;}

		/*MAIN MENU*/
			.menu-main-wrapper .navbar-toggler:focus {box-shadow: none;}
			.menu-main-wrapper .navbar-collapse {border-top: 2px solid var(--color-gray); padding-top: 0.2rem;}
			.menu-main-wrapper .menu-main .submenu-wrapper {position: relative; display: block; top: 0; z-index: 5; overflow: hidden; padding: 0; background-color: transparent; box-shadow: none; transition: all 300ms ease; }
			.menu-main-wrapper .menu-main .effect-underline.nav > .nav-item > .nav-link::before {display: none;}
			/*.menu-main-wrapper .menu-main .menu {margin-bottom: 20px;}*/
			.menu-main-wrapper .menu-main .submenu-wrapper {background-color: var(--color-gray-light);}
			.menu-main-wrapper .menu-main .submenu-wrapper > .nav-child > .nav-item {flex: 1 1 100%;}
			.menu-main .submenu-wrapper > .nav-child > .nav-item:not(:last-child) {border-bottom: none;}
			.menu-main .submenu-wrapper a.nav-link {color: #000; padding: 0.3rem 1rem;}
		/*R CONTENT*/
			.r-content {padding: 0;}

		/*BLOG*/
			.blog .r-slider {padding: 1rem 0;}
			.blog .r-content {padding: 1rem 0;}
			/*ARTICLE*/
			.blog.view-article .r-slider {padding: 1rem 0 0;}
			.blog.view-article .r-content h1 {font-size: 1.7rem!important; line-height: 1.1; margin-bottom: 1rem; text-transform: initial; }
			.blog.view-article .r-content h2 {margin-top: 1rem;}
			.blog.view-article .r-content h3 {margin-top: 1rem; font-size: 1.3rem!important;}
			.blog.view-article .r-content .page-header:before {display: none;}
			.blog.view-article .r-content .lead {margin: 1rem 0;}
			.blog.view-article .r-content .well {margin: 1rem 0;}
			.blog.view-article .r-content .well-special {font-size: 1.2rem; line-height: 1.1; padding: 1.5rem 0 0 1rem;}
	}
	@media (min-width: 576px) and (max-width: 767px) {}
	@media (min-width: 576px) {}
	@media (max-width: 575px) {}