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

	--color-main-light: #00b8cc;
	--color-main: #008a99;
	--color-main-dark: #808080;

	--color-gray-light: #e6e6e6;
	--color-gray: #bfbfbf;
	--color-gray-dark: #808080;

	--color-text-light: #63cafc ;
	--color-text: #34373a ;
	--color-text-dark: #003478 ;
	
	--color-text-alt-light: #00000000 ;
	--color-text-alt: #00000000 ;
	--color-text-alt-dark: #00000000 ;
	
	--color-heading-light: #63cafc ;
	--color-heading: #34373a ;
	--color-heading-dark: #003478 ;
	
	--color-heading-alt-light: #00000000 ;
	--color-heading-alt: #00000000 ;
	--color-heading-alt-dark: #00000000 ;
	
	--color-background-light: #f5f5f5 ;
	--color-background : #FFF ;
	--color-background-dark: #003478 ;
	
	--color-background-alt-light: #00000000 ;
	--color-background-alt: #34373a ;
	--color-background-alt-dark: #00000000 ;

}
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-heading-dark);}
	.btn, button{border-radius: 0!important;}
	h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: var(--color-heading); font-weight: 700; font-family: var(--font-family-heading); line-height: 1;}
	h1, .h1 {font-size: 2.3rem; line-height: 2.3rem; text-transform: uppercase; margin-bottom: 1rem;}
	h2, .h2 {font-size: 1.3rem; margin-bottom: 1rem; text-transform: uppercase;}
	h3, .h3 {font-size: 1.3rem; margin-bottom: 0.5rem; color: var(--color-heading-light); }
	h1 strong, .h1 strong, h2 strong, .h2 strong {color: var(--color-heading);}
	mark, .mark {background-color: var(--color-gray-light);}
	small, .small {font-size: .8rem;}
	.lead {font-size: 1.4rem; font-weight: 400; font-family: var(--font-family-heading); color: var(--color-heading-dark); line-height: 1.2; }
/*BACKGROUND*/ 
/*HEADING*/
/*TEXT*/
	.text-dark {color: var(--color-text-dark) !important;}
	.text-primary{color: var(--color-text) !important;}
	.text-secondary{color: var(--color-text-alt) !important;}
	/*.text-underline {margin-bottom: 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-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-underline:after {content: ''; display: block; border-top: 4px solid; border-image-slice: 1; width: 3rem; margin-top: 0.7rem; 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;}
	.text-big {font-size: 2.6rem; text-transform: initial; font-weight: 400; text-align: center; }
	h2.accordion { font-size: 1.3rem; color: var(--color-heading-dark); font-weight: 400; margin: 1.5rem 0 0.7rem;}
	/*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';}
	
		.r-content ul:not(.nav) {list-style: none; padding-left: 0; }
		.r-content ul:not(.nav) > li {display: flex; margin-bottom: 0; font-size: 1rem; line-height: 1.3; padding-bottom: 7px;}
		.r-content ul:not(.nav) > li:before {content: '\F0142'; margin-right: .4rem; color: var(--color-heading-light); font-weight: bold; font-size: 1.3rem; }
		.r-content ul:not(.nav) > li > strong {display: contents;}
	/*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 {background-color: var(--color-gray-light); 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); background: none; position: relative; padding: 1rem 0 0; margin-left: 6rem; text-transform: uppercase;}*/
		.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;}
/* 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-family: var(--font-family-heading); font-size: 1.2rem; font-weight: 500; line-height: 1; text-transform: uppercase; box-shadow: none !important; padding: 0.6rem .8rem; border: none; }
		.menu-main .menu{position: relative;}
		.menu-main .submenu-wrapper {position: absolute; top: calc(100% + 20px); /*left: 0; right: 0;*/ z-index: 5; overflow: hidden; padding: 0; background-color: var(--color-background-alt); 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: #fff; text-transform: uppercase; font-family: var(--font-family-heading); font-size: .9rem;} 
		.menu-main .submenu-wrapper a.nav-link:hover {color: var(--color-text-light);}
		.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 > .nav-item:not(:last-child) {border-bottom: 1px solid var(--color-gray-dark);}
		.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-text-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 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: flex; position: relative; z-index: 2;}
		.contact-form-wrapper .header .title {width: 70%; 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: block; 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: .9rem; 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: 1px solid var(--color-background-dark);}
		/*CONTACT FORM MODAL*/
		.modal .modal-header {padding: 0;}
		.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-heading-light); width: 100%; padding: 5px 40px;}
		.modal .contact-form .form-control {font-size: .8rem;}
		.modal .contact-form select#seguro-por-el-que-consulta-0 {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; border-radius: 6px ; padding: 0 6px; width: 416px ; position: absolute; top: -22rem;}

		.content-form {background-color: #202020; border-radius: 6px ; padding: 0 6px; margin-bottom: 20px; }
		aside.wrapper .contact-form-wrapper .header .title , 									.content-form .header .title {width: 100%; line-height: 1; font-weight: 500; color: #fff; font-size: 1.8rem; background: none; padding-top: 1.5rem;}
		aside.wrapper .contact-form-wrapper .contact-form , 									.content-form .contact-form {padding: .5rem 1rem 1rem; margin-top: 0;}
		aside.wrapper .contact-form-wrapper .contact-form .form-group , 						.content-form .contact-form .form-group {margin-bottom: 1rem;}
		aside.wrapper .contact-form-wrapper .contact-form .form-control , 						.content-form .contact-form .form-control {background-color: transparent; border: none; border-bottom: 1px solid #fff; color: #FFFFFF;}
		aside.wrapper .contact-form-wrapper .contact-form .form-control::placeholder , 			.content-form .contact-form .form-control::placeholder {color: #fff;}
		aside.wrapper .contact-form-wrapper .contact-form .form-control:focus:placeholder , 	.content-form .contact-form .form-control:focus:placeholder {color: #ffffff00;}
		aside.wrapper .contact-form-wrapper .contact-form label.form-check-label , 				.content-form .contact-form label.form-check-label {color: #fff; }
		aside.wrapper .contact-form-wrapper .contact-form textarea.comments.form-control , 		.content-form .contact-form textarea.comments.form-control {min-height: 140px; }
		aside.wrapper .contact-form-wrapper .contact-form .btn-send , 							.content-form .contact-form .btn-send {background: var(--color-background-dark); color: #fff; font-size: 1.3rem; padding: 8px 0;} 
		aside.wrapper .contact-form-wrapper .contact-form select#seguro-por-el-que-consulta-0 , .content-form .contact-form select#seguro-por-el-que-consulta-0 {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, .news-wrapper .item-wrapper {display: block; text-decoration: none;}
		.modulo-novedades .item-wrapper .item-title, .news-wrapper .item-wrapper .item-title {color: var(--color-text); margin: 0; font-size: 1.5rem; margin-top: 7px; font-weight: 700; line-height: 1.1; font-style: normal; }
		.modulo-novedades .item-wrapper:hover .item-title, .news-wrapper .item-wrapper:hover .item-title {color: var(--color-text-dark);}
		.modulo-novedades .item-wrapper .item-title:after, .news-wrapper .item-wrapper .item-title:after {content: ''; display: block; width: 3rem ; border-top: 3px solid var(--color-text-light); margin: 0.8rem 0 1.7rem ;}
		.modulo-novedades .item-wrapper .item-image, .news-wrapper .item-wrapper .item-image {overflow: hidden; background-color: var(--color-main)}
		.modulo-novedades .item-wrapper img, .news-wrapper .item-wrapper img {transform: scale(1.1); transition: all 500ms ease; width: 100%;}
		.modulo-novedades .item-wrapper:hover img, .news-wrapper .item-wrapper:hover img {transform: scale(1.01); opacity: .75;}
	/*PAGINATION*/
		.pagination{justify-content: center; margin: 0;}
		.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.active .page-link {background-color: var(--color-heading-dark);}
		.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;}
		.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%; }
		.pagination li.page-item {margin-right: 0.3rem; }
		.pagination li:before {display: none;}
	/*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);}

	/*OWL*/
		.owl-carousel {overflow: hidden;}
		.box-carousel .box-item-wrapper{background: #001a3c; color: #FFF; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-align: center; position: relative;}
		.box-carousel .box-item-wrapper .box-image {border-radius: 7px;}
		.box-carousel .box-item-wrapper .box-data {position: absolute; z-index: 2; top: 200px ; left: 0; padding: 0 20px ; }
		.box-carousel .box-item-wrapper .box-data img {width: auto;}
		.box-carousel .box-item-wrapper .box-data .box-title {font-size: 1.9rem; text-align: start; margin-top: .5rem;}
		.box-carousel .box-item-wrapper .box-data a {color: #fff;}
		.box-carousel .box-item-wrapper:hover .box-image {opacity: .3;}
		
/******************************************************************************************************************/
/*R TOP*/
	.r-top {background-color: var(--color-background-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;}
		.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);}
	/*MENU RRSS*/
		.r-top .menu-rrss .nav-link:before {color: #000; }
		.r-top .menu-rrss .nav-link:hover:before {color: var(--color-text-dark);}
/*R NAVBAR*/
	.r-navbar {box-shadow: 0; background: #fff; /*border-bottom: 1px solid var(--color-background-dark);*/}
	.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: 0;}
/*R SLIDER*/
	.r-slider {overflow: hidden; position: relative; background: linear-gradient(180deg, rgba(1,51,120,1) 0%, rgba(1,51,120,1) 50%, rgba(255,255,255,1) 50%, rgba(255,255,255,1) 100%); }
	.r-slider h1 {margin-bottom: 0;}
	/*SERVICE*/
	.r-slider .banner-wrapper {position: relative; padding: 3rem 0;}
	.r-slider .banner-wrapper .banner {border-radius: 6px; box-shadow: 0px 9px 16px 3px #00000085; }
	.r-slider .banner-wrapper .icon {position: absolute; bottom: 60px; left: 20px;}
	/*OWL CAROUSEL*/
	.r-slider .owl-item{overflow: hidden;}
	.r-slider .owl-item .wrapper { transition: filter 2s ease;}
	.r-slider .owl-item .item-text {position: absolute; padding: 7rem 1rem 0 21rem ; width: 50%; text-align: right; height: 545px ; z-index: 1; transition: all 2s ease; background-color: rgb(0 22 102 / 89%); }
	.r-slider .owl-item .item-text > * {transition: transform 1s ease;}
	.r-slider .owl-item .item-text h2 {font-size: 3.9rem; text-transform: initial; line-height: 1; margin-bottom: 1.5rem ; color: var(--color-heading-light); }
	.r-slider .owl-item .item-text p {font-size: 1.6rem; line-height: 1.3; margin-bottom: 1.5rem; transition-delay: 150ms; color: #fff; font-weight: 300;}
	.r-slider .owl-item .item-image {transform: scale(1.1); filter: brightness(0.2); transition: all 1s ease; width: auto; position: relative; right: -690px;}
	/*SLIDE ACTIVO*/
	.r-slider .owl-item.center .item-text {opacity: 1; }
	.r-slider .owl-item.center .item-text > * {transform: translateX(0);}
	.r-slider .owl-item.center .item-image {transform: scale(1); filter: brightness(1);}
	/*BOXED*/
		.r-slider .slider-boxed .item-text{}
	/* FULL-WIDTH */
		.r-slider .slider-full-width {background-color: #fff; height: 545px;}
		.r-slider .slider-full-width .owl-dots {position: absolute; left: 40%; z-index: 3; bottom: 30px; }
		.r-slider .slider-full-width .owl-dots .owl-dot {background: var(--color-gray-light); color: inherit; border: none; padding: 0!important; font: inherit; width: 15px; height: 15px; border-radius: 50%!important; margin: 0 3px; }
		.r-slider .slider-full-width .owl-dots .owl-dot.active {background: var(--color-heading-light);}
		.r-slider .slider-full-width .owl-stage-outer {overflow: visible;}
		.r-slider .slider-full-width .owl-item.center + .owl-item .wrapper {transform: translateX(-50%); transition: transform 1s ease;}
		.r-slider .slider-full-width .owl-item.center .wrapper {transform: translateX(0);}
		.r-slider .slider-full-width .owl-item .item-text > * {transform: translateX(-4rem);}
/*R-CONTENT*/
	.r-content {padding:2rem 0 1rem 0; /*display: flex; flex: 1 0 auto; align-items: center; */ position: relative;}
	.r-content h2 {margin: 1.5rem 0;}
/*R POST CONTENT*/
	.r-post-content-full {padding: 3rem 0 0 0;}
	.r-post-content-full .text-big:after {display: inline-block; content: "\f0cdf"; font-family: "Material Design Icons"; font-size: 3.7rem; text-rendering: auto; line-height: 1; -webkit-font-smoothing: antialiased; vertical-align: middle; margin-left: 1.4rem ; color: var(--color-heading-dark); -moz-osx-font-smoothing: grayscale; }
	.r-post-content-full .text-big:hover:after {color: var(--color-text-light);}
	.r-post-content-full .text-big {margin-bottom: 3rem;}
/*R PRE BOTTOM*/
	.r-pre-bottom {padding: 3rem 0; }
/*R BOTTOM*/
	.r-bottom {background-color: var(--color-background-light); position: relative; padding: 2rem 0; margin-top: 6rem;}
	.r-bottom img.img-fluid {position: absolute; left: 0; top: -74px ; box-shadow: 14px 12px 18px 0px #2a2a2a54; }
	.r-bottom .padding-2 {padding-left: 2.5rem;}
/*R POST BOTTOM*/
	.r-post-bottom {background-color: var(--color-background-dark); padding: 3rem 0;}
	.r-post-bottom .padding-2 {padding-left: 2.5rem;}
	.r-post-bottom h3 {font-size: 1.4rem; margin-bottom: 1rem;}
	.r-post-bottom .text-big {text-align: left; color: #fff; margin-bottom: 3rem ;}
	.r-post-bottom p {color: #fff}
/*R PRE FOOTER*/
	.r-pre-footer {padding: 3rem 0; background-color: var(--color-background-light); }
	.r-pre-footer h2.text-upperline {margin-bottom: 2rem;}
/*R FOOTER*/
	.r-footer {background: var(--color-background-alt); color: #fff; overflow: hidden;}
	.r-footer h2 {margin-bottom: 1rem ; color: var(--color-text-light); font-weight: 400; font-size: 1.2rem; }
	.r-footer h2.text-sideline:before {border-color: var(--color-text-light); width: 1.5rem; margin-right: 0.8rem;}
	.r-footer a {color: #fff;}
	.r-footer a:hover {color: var(--color-text-light);}
	.r-footer .moduletable {margin: 2rem 0;}
	.r-footer .nav-link{display: block; padding: 5px 0; margin-bottom: 10px;}
	.r-footer .small {margin-left: 1rem;}
	/*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-light); font-size: 1.2rem; margin-right: .5rem; line-height: 1rem;}
	/*NEWSLETTER*/
		.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-light);}
		.r-footer .newsletter .mdi-chevron-right:before {color: #fff;}
	/*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-text-light);}
		.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: block;}
		.r-footer .right .nav-link {padding: 0.2rem 0;}
	/*DATA FISCAL*/
		.r-footer .data-fiscal {padding-top: 4rem;}
		.r-footer .data-fiscal .d-flex {padding-top: 1rem;}
/*R COPYRIGHT*/
	.r-copyright {background: var(--color-background-alt); font-size: .8rem; padding: .5rem; text-align: center; color: #FFF;}
	.r-copyright p.small {color: #fff;}
	.r-copyright a{color: #FFF;}
/*SPECIAL PAGES*/
	/*FRONT*/
		.front .r-slider {background: var(--color-background-alt-dark);}
		.front .r-slider a.btn-main.text-uppercase {color: #fff; border: 1px solid #fff; padding: 0.5rem 0.7rem; font-weight: 300; margin-right: 4rem; } 
		.front .r-content {padding: 0;}
	/*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*/
		.blog .r-slider {padding: 2rem 0; background: rgba(1,51,120,1);}
		.blog aside.wrapper.aside-right {top: -5rem;}
		/*CATEGORY*/
		/*ARTICLE*/
		.blog.view-article .r-content h1 {font-size: 2.3rem; line-height: 1.1; margin-bottom: 1.5rem; text-transform: initial; }
		.blog.view-article .r-content .page-header:before {display: none;}
		.blog.view-article .r-content h2 {text-transform: uppercase; margin-bottom: 1rem; font-weight: 700; color: var(--color-background-dark); }
		.blog.view-article .r-content h3 {margin-bottom: 1rem;}
		.blog.view-article .r-content .lead {font-size: 1.5rem; font-weight: 500; margin: 1.5rem 0; }
		.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.5rem; line-height: 1.2; color: #000; 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) {
		.r-slider .owl-item .item-text {padding: 7rem 1rem 0 13rem;}
		.r-bottom img.img-fluid {left: -115px; top: -40px;}
		.box-carousel .box-item-wrapper .box-data {top: 175px;}
		.box-carousel .box-item-wrapper .box-data .box-title {font-size: 1.7rem;}
		.r-post-bottom .text-big {margin-bottom: 6rem ;}
	}
	@media (max-width: 1600px) {
		.r-bottom img.img-fluid {left: -160px;}
		.box-carousel .box-item-wrapper .box-data {top: 135px; }
	}
	@media (max-width: 1400px) {
		.r-bottom img.img-fluid {left: -261px; }
	}
	@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 0; }
			.modal-content .modal-body p.modal-intro {font-size: 1rem;}
			.modal .modal-header button.close {top: -25px;}
		/*R SLIDER*/
			.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; }
			.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) {}
	@media (max-width: 767px) {

		/*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}
			h2.accordion {font-size: 1.1rem; line-height: 1.2;}
			p { margin-bottom: .5rem}
			ul { margin-bottom: .5rem}
			.text-big {font-size: 1.9rem; } 
			.text-upperline:before, .page-header:before {margin-bottom: .3rem; border-top: 3px solid;}
			.text-underline:after {margin-top: .5rem;}
			.lead {font-size: 1.1rem;}
		/*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;}
		/*BOX CAROUSEL*/
			.box-carousel .box-item-wrapper .box-data {top: 50px; padding: 0 10px;}
			.box-carousel .box-item-wrapper .box-data img {width: 50%;}
			.box-carousel .box-item-wrapper .box-data .box-title {font-size: 1.4rem;}
		/*OWL CAROUSEL*/
			.owl-6 {margin-top: 1rem;}
		/*NOVEDADES*/
			.modulo-novedades .item-wrapper .item-title, .news-wrapper .item-wrapper .item-title {font-size: 1.3rem;}
			.modulo-novedades .item-wrapper .item-title:after, .news-wrapper .item-wrapper .item-title:after {margin: 0.5rem 0 1.3rem;}
		/*R NAVBAR*/
			.r-navbar .navbar-brand {width: 70%;}
			.r-navbar .navbar-brand img {width: 100%; height: auto;}
		/*R SLIDER*/
			/*SEGUROS*/
			.r-slider .banner-wrapper {padding: 0 0 2rem;}
			.r-slider .banner-wrapper .banner {max-width: 770px; position: relative; left: -29px; }
			.r-slider .banner-wrapper .icon {position: absolute; bottom: 46px; left: 7px; width: 22%;}
			/*OWL CAROUSEL*/
			.r-slider .slider-full-width {height: 250px;}
			.r-slider .owl-item .item-image {width: 149%; top: -1px; right: 175px; }
			.r-slider .owl-item .item-text {padding: 10px 10px 10px 135px; right: 0; left: -50px; bottom: 1px; width: 129%; height: 133px; transition: none;}
			.r-slider .owl-item .item-text > * {transition: none;}
			.r-slider .owl-item .item-text h2 { font-size: 1.4rem; margin-bottom: 0.5rem;}
			.r-slider .slider-full-width .btn-main {display: none;}
		/*R CONTENT*/
			.r-content {padding: 0;}
			.r-content h2 {margin: 1rem 0;}
		/*R POST CONTENT FULL*/
			.r-post-content-full {padding: 2rem 0 0 0;}
			.r-post-content-full .text-big {margin-bottom: 2rem; padding: 0 15px;}
			.r-post-content-full .text-big:after {font-size: 2.9rem; margin-left: 0.5rem;}
		/*R PRE BOTTOM*/
			.r-pre-bottom {padding: 2rem 0;}
		/*R BOTTOM*/
			.r-bottom {margin-top: 0; padding: 2rem 0 1rem;}
			.r-bottom img.img-fluid {position: initial; left: 0; top: 0; margin-bottom: 2rem; }
			.r-bottom .padding-2 {padding-left: 15px;}
		/*R POST BOTTOM*/
			.r-post-bottom {padding: 2rem 0;}
			.r-post-bottom .padding-2 {padding-left: 15px; }
			.r-post-bottom .text-big {margin-bottom: 1.5rem;}
			.r-post-bottom h3 {font-size: 1.2rem; margin-bottom: .5rem;}
		/*R FOOTER*/
			.r-footer .data-fiscal {padding-top: 1rem; padding-bottom: .5rem; }
		/*BLOG*/
			.blog .r-slider {padding: 1rem 0;}
			.blog .r-content {padding: 1rem 0;}
			/*ARTICLE*/
			.blog.view-article .r-content h1 {font-size: 1.5rem; 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;}
			.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 (max-width: 575px) {

		.view-article.landing{}

	}