:root {
	scroll-behavior: smooth;
	--color-main-light: hsl(239, 43%, 45%);
	--color-main: hsl(239, 43%, 35%);
	--color-main-dark: hsl(239, 43%, 25%);
	--color-main-transparent: rgba(51, 52, 128, 0.5);
	--color-light: hsl(0,0%,90%);
	--color-gray-light: hsl(0,0%,80%);
	--color-gray: hsl(0,0%,70%);
	--color-gray-dark: hsl(0,0%,50%);
	--color-dark: hsl(0,0%,15%);
	--font-main: 'Roboto';
	--font-header: 'Raleway';
	--font-icon: 'Material Design Icons';
}
body{font-family: var(--font-main), sans-serif; font-size: 0.9rem; color: var(--color-dark); background-color: #fff; width: 100%; overflow	-x: hidden; padding-bottom: 0 !important; min-height: 100vh; display: flex; flex-direction: column;}
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-main);}
a:hover {color: var(--color-main); text-decoration: underline !important;}
/* COLUMNS */
	.columns-2 {columns: 2; column-gap: 15px;}
	.columns-3 {columns: 3; column-gap: 15px;}
	.columns-2 > *,
	.columns-3 > * {white-space: unset; -webkit-column-break-inside: avoid; page-break-inside: avoid; break-inside: avoid;}
/* TEXT */
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: var(--font-header)}
	mark, .mark {background-color: var(--color-light);}
	small, .small {font-size: .95rem;}
	.text-main {color: var(--color-main);}
	.header-large {font-size: 2rem; line-height: 1; margin-bottom: 1.5rem; text-transform: uppercase; text-align: center;}
	.lead {font-size: 1.1rem; font-weight: 700; line-height: 1.3; margin-bottom: 1rem; color: var(--color-main);}
	.lead-small {font-size: 1.1rem;}
	.lead-large {font-size: 1.3rem; font-weight: 700; line-height: 1.2; margin-bottom: 1rem;}
	hr {border-top: 1px solid var(--color-gray); margin: 2rem 0;}
/* BTN */
	a.btn {text-decoration: none !important;}
	.btn {border-radius: 0; padding: 1rem 2rem; transition: box-shadow 300ms ease !important; text-transform: uppercase; font-weight: 700; font-family: var(--font-header);}
	.btn-main {color: #fff; background-color: var(--color-main); border-color: var(--color-main);}
	.btn-main:hover {color: #fff; background-color: var(--color-main-light); border-color: var(--color-main-light);}
	.btn-main:focus, .btn-main.focus {color: #fff; background-color: var(--color-main); border-color: var(--color-main); box-shadow: 0 0 0 0.2rem var(--color-main-transparent);}
	.btn-main:not(:disabled):not(.disabled):active:focus, .btn-main:not(:disabled):not(.disabled).active:focus, .show > .btn-main.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--color-main-transparent);}
	.btn-main.disabled, .btn-main:disabled {color: #fff; background-color: var(--color-gray); border-color: var(--color-gray);}
	.btn-main:not(:disabled):not(.disabled):active, .btn-main:not(:disabled):not(.disabled).active,
	.show > .btn-main.dropdown-toggle {color: #fff; background-color: var(--color-main-light); border-color: var(--color-main-light);}
	.btn-main:not(:disabled):not(.disabled):active:focus, .btn-main:not(:disabled):not(.disabled).active:focus,
	.show > .btn-main.dropdown-toggle:focus {box-shadow: 0 0 0 0.2rem var(--color-main-transparent);}
/* LIST */
	ul > li, ol > li {margin-bottom: 0.5rem; line-height: 1.2;}
	ul > li:last-child, ol > li:last-child {margin-bottom: 0;}
	.list-circle {list-style: none; padding: 0;}
	.list-circle > li {position: relative; padding-left: 1.5rem;}
	.list-circle > li:before {content: '\F09DE'; font-family: var(--font-icon); position: absolute; top: 0; left: 0;}
	.list-large > li {font-size: 1.1rem;}
/* SOCIAL ICONS */
	.social-icon {font-size: 0; padding: 0;}
	.social-icon:before {font-size: 1.3rem; height: 2rem; line-height: 2rem;}
	.social-icon.mdi-youtube:before {font-size: 2rem;}
/******************************************************************************************************************/
/******************************************************************************************************************/
/* COMPONENTSss */
/* CONTACT FORM */
	.form-control {border-radius: 0 !important; border: 1px solid var(--color-gray); transition: box-shadow 300ms ease !important;}
	.form-control:focus {border-color: var(--color-dark); box-shadow: 0 0 0 0.2rem rgba(0, 0, 0, 0.5);}
	.contact-form .form-group {display: -webkit-flex; display: flex;}
	.contact-form .form-group .form-control {padding: .3rem .5rem; font-size: .8rem; color: var(--color-dark);}
	.contact-form .btn {text-transform: uppercase; cursor: pointer; font-weight: 500; border: none; display: block; width: 100%;}
	/* ASIDE */
		.contact-form-aside {position: relative; z-index: 1;}
		.contact-form-aside .header {display: -webkit-flex; display: flex; position: relative; z-index: 2;}
		.contact-form-aside .header h3 {width: 70%; line-height: 1.1; background-color: var(--color-gray-light); text-transform: uppercase; font-weight: 700; font-size: 1.1rem; padding: 0.7rem 1rem; margin-bottom: 0;}
		.contact-form-aside .header i {flex: 0 0 auto; padding: .8rem 0.1rem; background-color: var(--color-dark); font-size: 2.3rem; line-height: 1; color: #fff;}
		.contact-form-aside .contact-form {position: relative; padding: 3rem 1rem 1rem 1rem; background-color: #fff; margin-top: -2rem; border: 1px solid var(--color-gray-light); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
		.contact-form-aside .form-group {position: relative; align-items: center; padding: 0; margin-bottom: .5rem;}
		.contact-form-aside .form-group .control-label {position: absolute; left: .5rem; margin: 0; text-transform: uppercase; pointer-events: none; font-size: .8rem; color: var(--color-gray-dark);}
		.contact-form-aside .form-group textarea + .control-label {padding-top: .3rem;}
		.contact-form-aside .form-group .form-control:focus + .control-label {color: var(--color-gray);}
		.contact-form-aside .form-group .form-control:valid + .control-label {display: none;}
	/* MODAL */
		.modal-dialog {padding: 0;}
		.modal-content {border: 1px solid #000; border-radius: 0;}
		.modal-header {padding: 0; width: 100%; background: #000; border-radius: 0 !important;}
		.modal-header .close {font-weight: 500; opacity: 1; margin: 0; cursor: pointer; text-shadow: none; color: #fff; line-height: 1; font-size: 15px; background: var(--color-gray-dark); text-align: center; position: absolute; right: 8px; top: 8px; padding: 0; border-radius: 25px; line-height: 25px; width: 25px; height: 25px;}
		.modal-header .close:hover, .modal .close:focus {opacity: 1 !important; background-color: var(--color-gray);}
		.modal-body .form-group {-webkit-flex-direction: column; flex-direction: column; margin-bottom: .5rem;}
		.modal-body .form-group .control-label {order: 1; font-size: 12px; font-weight: normal; margin-bottom: 0; text-transform: uppercase; margin-bottom: .2rem;}
		.modal-body .form-group .form-control {order: 2;}
		.modal-body .btn-send {margin-top: 1rem;}
/* FLASH CARD */
	.flash-card {text-align: center; padding: 0 15px;}
	.flash-card img {margin-bottom: 1rem;}
	.flash-card h3 {font-size: 1.3rem; font-weight: 600; margin-bottom: 1rem;}
	.flash-card p {margin-bottom: 0;}
/* ACCORDION */
	.accordion {margin-top: -20px;}
	.accordion .card {border: none; border-radius: 0 !important; padding-top: 20px;}
	.accordion .card-header {background-color: var(--color-main); color: #fff; padding: 20px 30px; margin: 0 !important; border-radius: 0 !important; border: none; position: relative; display: flex; justify-content: space-between; align-items: center;}
	.accordion .card-header:hover {background-color: var(--color-main-light);}
	.accordion .card-header.collapsed {background-color: var(--color-light); color: var(--color-dark);}
	.accordion .card-header.collapsed:hover {background-color: var(--color-gray-light);}
	.accordion .card-header h2 {font-size: 1.3rem !important; line-height: 1 !important; font-weight: 700 !important; margin: 0 !important; text-align: left; margin-right: 10px !important;}
	.accordion .card-header:after {content: '\f0140'; font-family: var(--font-icon); font-size: 30px; font-weight: 700; line-height: 1;}
	.accordion .card-header[aria-expanded="true"]:after {content: '\f0156'; transform: scale(.8); transform-origin: center center;}
	.accordion .card-body {display: flex; padding: 0; background-color: var(--color-light);}
	.accordion .card-body > * {flex: 1 0 50%;}
	.accordion .card-body .left img {width: 100%; height: 100%; object-fit: cover;}
	.accordion .card-body .right {padding: 20px 30px; display: flex; align-items: center;}
	.accordion .card-body .right > :last-child {margin-bottom: 0;}
/* OWL NAV */
	.owl-prev, .owl-next {transition: all 100ms ease; transform: translateX(0);}
	.owl-prev:active {transform: translateX(-5px);}
	.owl-next:active {transform: translateX(5px);}
/******************************************************************************************************************/
/******************************************************************************************************************/
/* R TOP */
	.r-top {background-color: var(--color-dark); color: #fff; font-size: 0.8rem; padding: .8rem 0; position: relative; z-index: 100;}
	.r-top a {color: #fff;}
/* R NAVBAR */
	.r-navbar {background-color: var(--color-main); color: #fff; position: sticky; top: 0; transition: top 300ms; padding: .5rem 0; z-index: 100;}
	.r-navbar .navbar-brand {margin: 0; padding: 0; font-size: 0;}
	.r-navbar .navbar {padding: 0;}
	/* MAIN MENU */
	    #mainMenu .menu {width: 100%; justify-content: flex-end;}
		#mainMenu .nav-item + .nav-item {margin-left: 2.5rem;}
		#mainMenu .nav-item {margin-bottom: 0;}
		#mainMenu .nav-item .nav-link {color: #fff; text-transform: uppercase; font-size: 1.1rem; font-weight: 500; width: 100%; padding: 5px 0; font-family: var(--font-header);}
		#mainMenu .nav-item .nav-link:hover {text-decoration: underline;}
	/* TOOGLER */
		.r-navbar .navbar-toggler {border: 0; padding: 1rem 0;}
		.r-navbar .navbar-toggler-icon {background: initial;}
		.r-navbar .navbar-toggler #navbar-toggler-svg line {-webkit-transition: all .3s ease; transition: all .3s ease; stroke: #fff; -webkit-transform-origin: 8px 16px; transform-origin: 8px 16px;}
		.r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-middle {stroke: rgba(255,255,255,0)}
		.r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-top {-webkit-transform: rotate(45deg); transform: rotate(45deg); stroke-width: 3;}
		.r-navbar .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-bottom {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); stroke-width: 3;}
	/* MENU HELPER */
		.bg-click {transition: background-color .5s ease }
		.bg-click.on {position: fixed; left: 0; right: 0; bottom: 0; top: 0; background-color: rgba(0,0,0,.5); z-index: 49;}
/* R SLIDER */
	.r-slider {overflow: hidden; background-color: #000;}
	.main-slider-wrapper {position: relative;}
	.main-slider .owl-stage-outer {overflow: visible;}
	.main-slider .owl-item {opacity: .5; overflow: hidden;}
	.main-slider .owl-item img {transform: scale(1.12); object-fit: cover;}
	.main-slider .owl-item.center {opacity: 1; transition: opacity 1s ease;}
	.main-slider .owl-item.center img {transform: scale(1.02); transition: transform 1s ease;}
	.main-slider-nav > * {text-shadow: 4px 4px 8px rgba(0,0,0,.7); position: absolute; top: calc(50% - 46px); z-index: 3; background-color: transparent; border: none; color: #fff; font-size: 60px; padding: 0;}
	.main-slider-nav > .owl-prev {left: 0;}
	.main-slider-nav > .owl-next {right: 0;}
	.main-slider-text {position: absolute; top: 0; bottom: 0; left: 0; right: 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding: 0 80px; pointer-events: none;}
	.main-slider-text {color:#fff; text-shadow: 4px 4px 8px rgba(0,0,0,.7);}
	.main-slider-text .sub-title {font-size: 28px;}
	.main-slider-text .title {font-size: 48px; line-height: 1; text-transform: uppercase;}
	.main-slider-text p {font-size: 18px; line-height: 1.4; margin-bottom: 0;}
	.main-slider-text p span {background-color: rgba(0,0,0,.2); padding: 0 5px;}
/* R BREADCRUMBS */
	.r-breadcrumbs {background-color: var(--color-light); color: var(--color-main); padding: 3rem 0;}
	.r-breadcrumbs h1 {font-size: 1.7rem; line-height: 1; text-transform: uppercase; text-align: center; font-family: var(--font-header); font-weight: 700; margin-bottom: 0;}
/* R CONTENT */
	.r-content {padding: 4rem 0;}
	.front .r-content {padding: 4rem 0 3.5rem !important;}
	.r-content h2, .r-content .h2 {font-size: 1.3rem; line-height: 1.2; font-weight: 700; margin-bottom: 1rem;}
	.r-content * + h2, .r-content * + .h2 {margin-top: 1.5rem;}
/* R POST CONTENT */
	.r-post-content {padding: 4rem 0 3.5rem; background-color: var(--color-light);}
	.services-slider-wrapper {position: relative;}
	.services-slider-nav > * {position: absolute; top: 72.5px; z-index: 3; background-color: var(--color-main); border: none; color: #fff; font-size: 30px; width:45px; height: 45px; border-radius: 45px; padding: 0;}
	.services-slider-nav > *:hover {background-color: var(--color-main-light);}
	.services-slider-nav > .owl-prev {left: -20px;}
	.services-slider-nav > .owl-next {right: -20px;}
	.services-slider .item-wrapper {display: block; color: var(--color-dark) !important;}
	.services-slider .item-wrapper .item-image {margin-bottom: 10px; border: 1px solid var(--color-gray); overflow: hidden;}
	.services-slider .item-wrapper .item-image img {transform: scale(1.02); transition: all 300ms ease;}
	.services-slider .item-wrapper:hover .item-image img {transform: scale(1.07);}
	.services-slider .item-wrapper .item-title {font-size: 1.3rem; font-weight: 700; line-height: 1.2; margin-bottom: 0; text-align: center; width: 250px;}
/* R PRE FOOTER */
	.r-pre-footer {padding: 4rem 0 3.5rem; overflow: hidden;}
	.brands-slider .owl-stage-outer {overflow: visible;}
/* R FOOTER */
	.r-footer {background: var(--color-main); color: #fff; overflow: hidden; border-top: 1px solid #fff; padding: 3rem 0;}
	.r-footer .footer-brand {display: inline-block;}
	.r-footer a {color: #fff !important; padding: 0;}
	.r-footer .header-underline {font-size: 1.4rem; font-weight: 500; margin-bottom: 1.4rem;}
	.r-footer .header-underline:after {content: ''; width: 40px; border-bottom: 1px solid #fff; margin-top: 7px; display: block;}
/* R COPYRIGHT */
	.r-copyright {background-color: var(--color-dark); color: #fff; font-size: .8rem; padding: .8rem 0;}
	.r-copyright a {color: #fff;}
	.r-copyright .developed-by {display: flex; align-items: center;}
	.r-copyright .developed-by .hookads-logo {font-size: 0; margin-left: 6px; transform: translateY(-1px); padding: 4px 0;}

/* TRABAJOS */
	/* NEWSFLASH WRAPPER */
		.newsflash-wrapper {margin-bottom: -1rem;}
		.newsflash-wrapper .item-wrapper {display: block; margin-bottom: 1rem;}
		.newsflash-wrapper .item-wrapper .item-image {margin-bottom: .5rem; border: 1px solid var(--color-gray); overflow: hidden;}
		.newsflash-wrapper .item-wrapper .item-image img {width: 100%; transform: scale(1.02); transition: all 300ms ease;}
		.newsflash-wrapper .item-wrapper:hover .item-image img {transform: scale(1.07);}
		.newsflash-wrapper .item-wrapper .item-title {font-size: 1.5rem; font-weight: 600; line-height: 1.1; margin-bottom: 0;}
		/* ASIDE */
			.aside .aside-title {padding: 10px 0 8px; font-size: 1.2rem; font-weight: 600; text-transform: uppercase; text-align: center; line-height: 1; background-color: var(--color-main); color: #fff; margin-bottom: 0;}
			.aside .newsflash-wrapper {background-color: var(--color-light); padding: 15px;}
			.aside .newsflash-wrapper .item-wrapper:last-child {margin-bottom: 0;}
			.aside .newsflash-wrapper .item-wrapper .item-title {font-size: 1.2rem;}
	/* VIEW ARTICLE */
		.trabajos.view-article .article-title {font-weight: 700; font-size: 2.3rem; margin-bottom: 1.5rem; line-height: 1.1;}
		.trabajos.view-article .article-image {margin-bottom: 1.5rem;}
		.trabajos.view-article .article-text .data {margin-bottom: 1rem; font-weight: 500; color: var(--color-main);} 
		.trabajos.view-article .article-text > :last-child {margin-bottom: 0;}
		/* TRABAJOS SLIDER */
			.trabajos-slider-wrapper {position: relative;}
			.trabajos-slider img {height: 357px; min-width: 318px; width: auto !important; object-fit: cover; border: 1px solid var(--color-gray);}
			.trabajos-slider-nav > * {text-shadow: 4px 4px 8px rgba(0,0,0,.7); position: absolute; top: calc(50% - 46px); z-index: 3; background-color: transparent; border: none; color: #fff; font-size: 60px; padding: 0;}
			.trabajos-slider-nav > .owl-prev {left: 0;}
			.trabajos-slider-nav > .owl-next {right: 0;}
	

/******************************************************************************************************************/
/******************************************************************************************************************/
/* MEDIA QUERIES */
/* LG */
@media (max-width: 1199px) {}
/********************************************************/
/********************************************************/
/* MD */
@media (max-width: 991px) {
	/* R NAVBAR */
		/* MAIN MENU */
			#mainMenu.show, #mainMenu.collapsing {left: 0;}
			#mainMenu {background-color: var(--color-dark); border-right: 1px solid #fff; padding: 40px 20px; width: 320px; max-width: 70%; height: 100% !important; position: fixed; transition: all 300ms ease-in; left: -100%; top: 0; bottom: 0; z-index: 51; overflow: auto; display: flex; flex-direction: column;}
		    #mainMenu .menu {width: 100%; border-top: 1px solid var(--color-gray);}
		    #mainMenu .nav-item {width: 100%; margin: 0 !important;}
		    #mainMenu .nav-item .nav-link {text-align: center; padding: 20px 0; border-bottom: 1px solid var(--color-gray);}
	/* R SLIDER */
		.main-slider-text .title {font-size: 40px;}
	/* R BREADCRUMB */
		.r-breadcrumbs {padding: 2rem 0;}
	/* R CONTENT */
		.r-content {padding: 2rem 0;}
	/* R POST CONTENT */
		.services-slider-wrapper {margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw);}
		.services-slider-nav > * {display: none;}
	/* R FOOTER */
		.r-footer {padding: 2rem 0;}
}
/********************************************************/
/********************************************************/
/* SM */
@media (max-width: 767px) {
	/* TEXT */
	.header-large {font-size: 2rem;}
	/* LIST */
	.list-large > li {font-size: 1rem;}
	.lead-small {font-size: 1rem;}
	/********************************************************/
	/* COMPONENTS */
	/* CONTACT FORM */
		.modal .form-control {padding: .25rem .5rem;}
	/* ACOORDION */
		.accordion .card-header h2 {font-size: 1.2rem !important;}
		.accordion .card-body .right {padding: 20px 30px 20px 15px;}
	/********************************************************/
	/* R TOP */
		.r-top {padding-bottom: 0; margin-bottom: -1px; background-color: var(--color-main);}
		.r-top a {font-size: 0;}
		.r-top a i {font-size: 1.3rem;}
	/* R SLIDER */
		.r-slider .container {max-width: none !important; padding: 0 !important;}
		.main-slider .owl-item img {height: 310px;}
		.main-slider-text {padding: 0 15px; text-align: center;}
		.main-slider-nav {display: none;}
	/* R BREADCRUMB */
		.r-breadcrumbs h1 {font-size: 1.3rem;}
	/* R CONTENT */
		.r-content .aside-image {width: 100%; max-height: 40vh; object-fit: cover; margin-bottom: 1.5rem;}
		.site.nosotros .aside-image {object-position: center 22%;}
		.site.empleos .aside-image {object-position: center 65%;}
}
/********************************************************/
/********************************************************/
/* XS */
@media (max-width: 575px) {
	/* COLUMNS */
		.columns-2 {columns: 1;}
		.columns-3 {columns: 1;}
	/* TEXT */
		.header.large {font-size: 2rem;}
		.header-special {font-size: 1.3rem;}
		.header-special.medium {font-size: 1.3rem;}
		.header-special.large {--padding-y: 10px; --margin-space: 15px;}
	/* BTN */
		.btn {display: block;}
	/********************************************************/
	/* COMPONENTS */
	/* ACOORDION */
		.accordion .card-header {padding: 15px;}
		.accordion .card-header h2 {font-size: 1.2rem !important;}
		.accordion .card-body {flex-direction: column;}
		.accordion .card-body > * {flex: 1 0 100%;}
		.accordion .card-body .left {order: 2;}
		.accordion .card-body .right {padding: 15px; order: 1;}
	/********************************************************/
	/* R SLIDER */
		.main-slider-text .title br {display: none;}
		.main-slider-text p {display: none;}
	/* R CONTENT */
		.r-content .aside-image {margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); min-width: 100vw;}
		.site.nosotros .r-content,
		.site.empleos .r-content {padding: 0 0 2rem;}
	/* R COPYRIGHT */
		.copyright {text-align: center;}
		.developed-by {justify-content: center;}
}