:root {
	--font-family-text: 'Lato', sans-serif;
	--font-family-heading: 'Lato', sans-serif;
	--font-barcode: 'Libre Barcode 128 Text', cursive;

	--color-main: #00adee;
	--color-main-dark: #eb008b;

	--color-dark-light: #eaebed;
	--color-dark: #222222;

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

	--color-text: #222222;;

	--color-background-light: #eaebed;
	--color-background : #ffffff;
	--color-background-dark: #222222;
	--color-background-alt: #f5f5f7;


	--color-heading : #00adee;
	--color-heading-dark: #222222;
	--color-heading-alt: #eb008b;

}
html {scroll-behavior: smooth; }
body{font-family: var(--font-family-text); color: var(--color-text); /*background-color: var(--color-background)*/; width: 100%; overflow-x: hidden; padding-bottom: 0 !important; min-height: 100vh; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; background-image: url(/images/assets/bkg-default.jpg), url(/images/assets/bkg-default.jpg); background-repeat: no-repeat; background-position: 0 167px, 100% 167px; background-size: auto 490px;}

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:hover {color: var(--color-main);}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {color: var(--color-heading); font-weight: 500; font-family: var(--font-family-heading);}
h1, .h1 {text-transform: uppercase; font-size: 2rem; line-height: 2.3rem; font-weight: 700;}
h2, .h2 {text-transform: uppercase; font-size: 2rem; font-weight: 500;}
h3, .h3 {text-transform: initial; font-size: 1.7rem; font-weight: 800; font-style: italic; margin-bottom: 0.2rem; color: var(--color-text); }
/*h3, .h3 {font-size: 1.3rem; font-weight: 500; text-transform: uppercase; margin-bottom: 1rem;}*/
h1 strong, .h1 strong, h2 strong, .h2 strong {color: var(--color-heading);}
p {font-style: italic; font-size: 1.3rem; color: var(--color-text);}
mark, .mark {background-color: var(--color-background-light);}
small, .small {font-size: 1.1rem;}
select{border: none!important; border-radius: 0!important;}
.w-33 {width: 33%!important;}
.border {border: 1px solid var(--color-dark)!important; }
a.mdi-arrow-right:before{display: none;}
a.mdi-arrow-right:after {content: "\F054"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*BACKGROUND*/
	
	/*.bg-danger {background-color: var(--color-main) !important;}*/
	.bg-flores, .bg-frutas, .bg-atomizador{background-position: center; background-size: cover; background-repeat: no-repeat;}
	.bg-flores{background-image: url(/images/slider/home/flores.jpg);}
	.bg-frutas{background-image: url(/images/slider/home/frutas.jpg);}
	.bg-atomizador{background-image: url(/images/slider/home/atomizador.jpg);}
/*TEXT*/
	.text-primary {color: var(--color-heading)!important;}
	.text-secondary {color: var(--color-heading-alt)!important;}
	.text-danger {color: var(--color-main) !important;}
	.text-dark {color: var(--color-dark) !important;}
	.text-underline {font-size: 1rem; text-transform: uppercase; color: var(--color-background-dark); font-family: var(--font-family-heading); font-weight: 400; margin-bottom: 0; font-style: normal;}
	.text-underline:after {content: ''; display: block; border-top: 2px solid var(--color-background); width: 5rem; margin: .5rem 0 0 -20px; } 
	/*h2.text-sideline:before {content: ''; display: inline-block; width: 4rem; border-bottom: 3px solid var(--color-main); margin-right: 1rem; }*/
	.text-center .text-underline:after, .text-center.text-underline:after {margin: 0.3rem auto 0.8rem;}
	.text-sideline:before {content: ''; display: inline-block; width: 3rem; border-bottom: 1px solid var(--color-main); margin-right: 0.6rem;}
	.text-sideline.text-secondary:before {border-bottom: 1px solid var(--color-heading-alt); }
/*BTN*/
	.btn {transition: none; text-transform: uppercase; box-shadow: none !important; border-radius: 0;}
	.btn-danger {background-color: var(--color-main);}
	.btn-danger:hover, .btn-danger:active {border-color: var(--color-main-light) !important; background-color: var(--color-main-light) !important;}
	.btn-dark {background-color: var(--color-dark);}
	.btn-dark:hover, .btn-dark:active {border-color: var(--color-dark-light) !important; background-color: var(--color-dark-light) !important;}
	.btn-outline-dark {color: var(--color-dark); border-color: var(--color-dark);}
	.btn-outline-dark:hover, .btn-outline-dark:active {border-color: var(--color-dark) !important; background-color: var(--color-dark) !important;}
	.btn-outline-danger {color: var(--color-main); border-color: var(--color-main);}
	.btn-outline-danger:hover, .btn-outline-danger:active {border-color: var(--color-main) !important; background-color: var(--color-main) !important;}
	.btn-checked {font-size: 1.3rem; font-family: var(--font-family-heading); text-transform: uppercase; line-height: 1.3rem; align-items: center; display: -webkit-inline-flex; display: inline-flex; color: var(--color-dark);}
	.btn-checked:before {content: '\f12c'; font-size: 2rem; font-weight: 300; font-family: 'Material Design Icons'; line-height: 2rem; border: 2px solid; border-radius: 100%; padding: 0.2rem; margin-right: 0.5rem; color: var(--color-main); min-width: 2.5rem;}
	.btn-checked:hover {color: var(--color-main);}
	.btn-checked:hover:before {color: #fff; background-color: var(--color-main);}
	.btn-chevron:after {content: '\f13e'; color: var(--color-background-light-light); display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-variant-numeric: normal; font-variant-east-asian: normal; font-weight: normal; font-stretch: normal; font-size: inherit; line-height: inherit; font-family: "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
	.btn.btn-cta {margin: 2rem 0;}
	.btn-link {background-color: var(--color-main-dark); border-radius: 0; color:#fff;}
	.btn-main.btn-send {padding: .5rem; color: #fff; background-color: var(--color-dark); width: 100%; }
/*LIST*/
	ul > li:before {font-family: 'Material Design Icons';}
	ul.list-diamond > li {font-size: 1rem; font-weight: 500; display: -webkit-flex; display:flex; align-items: center; line-height: 1.4rem; margin-bottom: 1rem;}
	ul.list-diamond > li:before {content: '\f1c8'; margin-right: .4rem; color: var(--color-main-dark); font-size: 1.2rem;}
	ul.list-checked > li {font-size: 1rem; font-weight: 500; margin-bottom: .5rem;  display: -webkit-flex; display:flex; align-items: center;}
	ul.list-checked > li:before {content: '\f12c'; margin-right: .4rem; color: var(--color-main);}
	ul.list-blur{padding: 0;}
	ul.list-blur > li {font-size: 1rem; font-weight: 500; display: -webkit-flex; display: flex; align-items: center; line-height: 1; margin-bottom: 0.5rem;}
	ul.list-blur > li:before {content: '\F0B5'; margin-right: .4rem; color: var(--color-main-dark); font-size: 1.2rem;}
/*ACCORDION*/
	.accordion .card {border: none;}
	.accordion .card-header {background-color: var(--color-background-light); color: var(--color-dark); display: -webkit-flex; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 0; margin-bottom: 1rem;}
	.accordion .card-header h2 {font-size: 1.5rem; line-height: 1.5rem; font-weight: 700; margin: 0.3rem 0 0; flex: 1 1 100%;}
	.accordion .card-header .btn{display: flex; padding: 10px; justify-content: space-between; font-size: 1.1rem; line-height: 1.5rem; text-transform: initial; color: var(--color-main); font-weight: 600;}
	.accordion .card-header .btn:after {content: '\f140'; font-family:'Material Design Icons'; font-size: 1.5rem; line-height: 1.5rem; margin-right: -0.5rem;}
	.accordion .card-body {padding: 0 0 35px 0; line-height: 1.2;}
	.accordion .card-body h3 {text-transform: uppercase; font-size: 1rem; font-weight: 600; line-height: 1.5rem; margin-bottom: 0.5rem;}
	.accordion .card-header[aria-expanded="true"]:after {content: '\f156'; transform: scale(.8); transform-origin: center center;}
	.accordion .card-header:hover {background-color: var(--color-main);}
	.accordion .card-header:hover .btn {color: var(--color-background-light);}
/*FILE INPUT*/
	.form-group-file {position: relative;}
	.form-group-file label {position: relative; z-index: 0; cursor: pointer;}
	.form-group-file label * {pointer-events: none;}
	.form-group-file [type="file"] {position: absolute !important; height: 0 !important; width: 0 !important; overflow: hidden !important; opacity: 0 !important; display: block !important; padding: 0 !important; margin: 0 !important; line-height: 0 !important;}
	.form-group-file.invalid-feedback [type="file"] + label {margin: 0 !important; font-size: .6rem !important;}
/*TABLE*/
	.table-bordered td, .table-bordered th {border: 1px solid #9c9c9c!important; }
	td.table-secondary {text-align: center; font-weight: 600; width: 70px;}
	.table td, .table th {padding: 0.45rem; font-size: 1rem; }

/*PAGE LINK*/
	a.page-link {margin-right: 0.3rem; color: var(--color-text); font-family: var(--font-family-text); background-color: #fff; }
	a.page-link:hover {color: var(--color-background-light); font-family: var(--font-family-text); background-color: var(--color-background-dark); border-color: var(--color-background-dark)}
	.page-item.disabled .page-link {color: var(--color-text); font-family: var(--font-family-text); background-color: #fff}
	.page-item.active .page-link {color: var(--color-text); font-family: var(--font-family-text); background-color: var(--color-main); border-color: var(--color-main); }
/*NAV LINK*/
	.nav-pills .nav-link {border-radius: 0; padding: 0.2rem .5rem; }
	.nav-pills a:hover {color: var(--color-main-dark); }
	.nav-justified .nav-item {text-align: left; font-size: 1.3rem; font-style: italic; background-color: var(--color-background-light); margin-right: 0.5rem;}
	.nav.nav-pills>.nav-item:last-child{margin-right: 0;}
	/*a[href="#duos"] {color: #fff; background-color: var(--color-background-dark); }*/
	.nav.nav-pills .nav-link.active {color: #fff; background-color: var(--color-background-dark); }
/******************************************************************************************************************/
/* COMPONENTS */
	/*PAGINATOR*/
		.pagination{margin-top: 0.5rem;}
	/*FORM*/
		.form-control {border-radius: 0 !important; border: 1px solid var(--color-background); transition: box-shadow 300ms ease !important;}
		.form-control:focus {border-color: var(--color-dark); box-shadow: 0 0 0 0.2rem #00000033;}
	/*CONTACT FORM*/
		/*.contact-form-wrapper {box-shadow: 0 0 15px #00000080; padding: 20px;}*/
		.contact-form-wrapper .header .title{text-transform: capitalize; font-weight: 900; font-style: italic; font-size: 2rem; color: var(--color-heading-alt); margin-bottom: 0;}
		.contact-form-wrapper .header p{font-size: 1.2rem; font-style: italic; line-height: 1.1}
		.contact-form-wrapper .contact-form .form-group {display: -webkit-flex; display: flex; border: 1px solid #ccc;}
		.contact-form-wrapper .contact-form .form-group .form-control {padding: .3rem .5rem; font-size: .8rem; color: var(--color-dark);}
		.contact-form-wrapper .contact-form .btn {text-transform: uppercase; cursor: pointer; font-weight: 500; border: none; display: block; width: 100%; background: var(--color-dark); color: #FFF; }
		aside .contact-form-wrapper {position: relative; z-index: 1;}
		aside .contact-form-wrapper .header {display: -webkit-flex; display: flex; position: relative; z-index: 2;}
		aside .contact-form-wrapper .header h3 {width: 70%; line-height: 1.1; background-color: var(--color-background-light); text-transform: uppercase; font-weight: 700; font-size: 1.2rem; padding: 0.7rem 1rem; margin-bottom: 0;}
		aside .contact-form-wrapper .header i {flex: 0 0 auto; padding: .8rem 0.1rem; background-color: var(--color-dark); font-size: 2.3rem; line-height: 1; color: #fff;}
		aside .contact-form-wrapper .contact-form {position: relative; padding: 3rem 1rem 1rem 1rem; background-color: #fff; margin-top: -2rem; border: 1px solid var(--color-background-light); box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
		aside .contact-form-wrapper .form-group {position: relative; align-items: center; padding: 0; margin-bottom: .5rem;}
		aside .contact-form-wrapper .form-group .control-label {position: absolute; left: .5rem; margin: 0; text-transform: uppercase; pointer-events: none; font-size: .8rem; color: var(--color-background-dark);}
		aside .contact-form-wrapper .form-group textarea + .control-label {padding-top: .3rem;}
		aside .contact-form-wrapper .form-group .form-control:focus + .control-label {color: var(--color-background);}
		aside .contact-form-wrapper .form-group .form-control:valid + .control-label {display: none;}
	/*MODAL*/
		.modal-dialog {padding: 0;}
		.modal-header {padding: 0; width: 100%; background: var(--color-dark); 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-background-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-background);}
		.modal-content {border: 1px solid var(--color-dark); border-radius: 0;}
		.modal-content h2 {text-transform: initial; font-style: italic; font-size: 2.2rem; color: var(--color-heading-alt);}
		.modal-content .modal-body h3 {display: none;}
		.modal-content .modal-body p.modal-intro {font-size: 1.2rem; }
		.modal-content .contact-form .form-group {margin-bottom: 0.8rem; border: 1px solid var(--color-dark);}
		/*.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;}*/
	/*NEWSLETTER*/
		.newsletter-form .input-group {position: relative;}
		.newsletter-form .input-group .form-control {padding: .3rem 3.25rem .3rem .5rem; position: relative; z-index: 1; border: 0 !important; color: var(--color-dark);}
		.newsletter-form .input-group .form-control:focus {box-shadow: 0 0 0 0.2rem #ffffff80;}
		.newsletter-form .input-group .btn {border: 0 !important; position: absolute; right: 0; z-index: 2; height: 100%;}
	/* OWL */
		.owl-nav.disabled + .owl-dots {margin-top: 10px; } 
		.owl-dots {text-align: center; -webkit-tap-highlight-color: transparent; } 
		.owl-dots .owl-dot {display: inline-block; zoom: 1; *display: inline; } 
		.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px; background: #D6D6D6; display: block; -webkit-backface-visibility: visible; transition: opacity 200ms ease; border-radius: 30px; } 
		.owl-dots .owl-dot.active span, 
		.owl-dots .owl-dot:hover span {background: #869791; }
	/* SOCIAL ICONS */
		.social-icon {font-size: 0; padding: 0;}
		.social-icon:before {font-size: 1.5rem; height: 2rem; line-height: 2rem;}
		.social-icon.mdi-youtube:before {font-size: 2rem;}
	/*MENU PROPIEDADES GENERALES*/
		.nav:not(.nav-child)>.parent>.nav-link:after{content: "\F13F"; display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: inherit; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: backgroundscale; }
		.nav:not(.nav-child)>.parent>.nav-link.collapsed:after{content: "\F13C";}
	/* 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,.3); z-index: 49 }
	/*MAPS*/
		.maps {margin-right: calc(33% - 33vw + 15px); height: 101%; min-height: 300px; background-image: url(/images/map.jpg?v2); background-repeat: no-repeat; background-size: cover; background-position: center center; display: block;}
	/*NEWSFLASH*/
		.news-wrapper .item-wrapper {display: block;}
		.news-wrapper .item-wrapper .item-title {color: var(--color-dark); margin: 0; font-size: 1.2rem; font-weight: 600; line-height: 1.2; font-style: normal; }
		.news-wrapper .item-wrapper .item-title:after {content: ''; display: block; width: 2rem; border: 1px solid var(--color-main); margin: 0.5rem 0 1.7rem; }
		.news-wrapper .item-wrapper:hover .item-title {color: var(--color-main);}
		.news-wrapper .item-wrapper .item-image {overflow: hidden; background-color: var(--color-main)}
		.news-wrapper .item-wrapper img {transform: scale(1.1); transition: all 500ms ease; width: 100%;}
		.news-wrapper .item-wrapper:hover img {transform: scale(1.01); opacity: .75;}
	/*MAIN MENU*/
		.menu-main {z-index: 5;}
		.menu-main .nav-main {margin-right: -.8rem;}
		.menu-main .nav-item {max-width: 100%;}
		.menu-main .nav-item.active > .nav-link {color: var(--color-main);}
		.menu-main > .nav > .nav-item {margin-right: 5px;}
		.menu-main > .nav > .nav-item:last-child {margin-right: 0;}
		.menu-main > .nav > .nav-item > .nav-link {color: var(--color-dark); font-size: 1.1rem; font-weight: 500; line-height: 1; text-transform: uppercase; box-shadow: none !important; padding: 0.6rem .6rem .5rem; border: 1px solid transparent; transition: all 300ms ease;}
		.menu-main > .nav > .nav-item > .nav-link:hover {border-color: var(--color-dark);}
		.menu-main > .nav > .nav-item.active > .nav-link {color: var(--color-main);}
		.menu-main > .nav > .nav-item.active > .nav-link:hover {border-color: var(--color-main);}
		.menu-main > .nav > .nav-item > .nav-header-link.collapsed {background-color: transparent;}
		.menu-main .nav-main .deeper.parent > .nav-link:after {content: "\f140"; font-family: var(--font-icon); display: inline-block; margin-left: -2px;}
		.menu-main .nav-main .deeper.parent > .nav-link[aria-expanded="true"], .modal-open .btn-open-modal {border-color: var(--color-dark) !important;}
		.menu-main .nav-main .deeper.parent > .nav-link[aria-expanded="true"]:after {content: '\f374';}
		.menu-main .submenu-wrapper > * {height: 200px;} /*EDITAR EL ALTO DEL MENU DEPENDIENDO LA CANTIDAD DE ARTICULOS DE CADA TIENDA*/
		.menu-main .submenu-wrapper.show , .menu-main .submenu-wrapper.collapsing {display: -webkit-flex; display: flex;}
		.menu-main .submenu-wrapper {position: absolute; top: calc(100% + 1px); 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: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-module-wrapper {flex: 0 0 50%; background-color: var(--color-main); padding: 1.5rem;}
		.menu-main .submenu-module-wrapper h2 {color: #fff; font-size: 1.2rem; font-weight: 500; margin-bottom: 0; line-height: 1.3; text-transform: uppercase;}
		.menu-main .submenu-wrapper > .nav-child {display: flex;}
		.menu-main .submenu-wrapper > .nav-child > .nav-item {display: block; /*margin-right: 30px;*/ }
		.menu-main .submenu-wrapper > .nav-child > .parent > .nav-link {text-transform: uppercase; color: var(--color-main); 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-light); color: var(--color-main); 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-main); color: #fff;}
		.menu-main .submenu-wrapper a.nav-link {color: var(--color-text); text-transform: uppercase; font-weight: 600; background: var(--color-background-light); border-bottom: 2px solid #FFF;}
		.menu-main .submenu-wrapper .nav-child>.nav-item:last-child>a.nav-link{border-bottom: none;}
		.menu-main .submenu-wrapper a.nav-link:hover {color: var(--color-background-light); background-color: var(--color-main-dark)}
		.menu-main .submenu-wrapper.show > .nav-child .nav-link.view-all {opacity: 1; transform: translateY(0);}
		.menu-main .navbar-toggler {border: 0; padding: 0;}
		.menu-main .navbar-toggler-icon {background: initial;}
		.menu-main .navbar-toggler #navbar-toggler-svg line {-webkit-transition: all .3s ease; transition: all .3s ease; stroke: var(--color-dark); -webkit-transform-origin: 8px 16px; transform-origin: 8px 16px;}
		.menu-main .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-middle {stroke: rgba(0,0,0,0)}
		.menu-main .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-top {-webkit-transform: rotate(45deg); transform: rotate(45deg); stroke-width: 3;}
		.menu-main .navbar-toggler:not(.collapsed) #navbar-toggler-svg #line-bottom {-webkit-transform: rotate(-45deg); transform: rotate(-45deg); stroke-width: 3;}
		/*COMENTAR PARA VER EL SUB-MENU COMO COLUMNA DEBAJO DEL PADRE -- MM*/
		.menu-main .submenu-wrapper {left: initial; right: initial;}
		.menu-main .submenu-wrapper > .nav-child {display: block;}
		.menu-main .submenu-wrapper > * {height: initial;}
/******************************************************************************************************************/
/*EFFECTS*/
	/* SPINNERS */
		@-webkit-keyframes mdi-spin {0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}}
		@keyframes mdi-spin {0%{-webkit-transform: rotate(0deg); transform: rotate(0deg);} 100%{ -webkit-transform: rotate(360deg); transform: rotate(360deg);}}
		.mdi-spin:before {-webkit-animation: mdi-spin 2s infinite linear; animation: mdi-spin 2s infinite linear; }
/******************************************************************************************************************/
/*R TOP*/
	.r-top {background-color: var(--color-background-light); padding: .5rem 0; }
	.r-top .menu {align-items: center;}
	.r-top .menu-rrss a{color: var(--color-heading-alt)} 
	.r-top .menu + .menu:before {content: ''; display: inline; border-left: 1px solid var(--color-background); height: 2rem; margin: 0 1rem;}
	.r-top .nav-link 	   {color: var(--color-dark);}
	.r-top .nav-link:hover {color: var(--color-main);}
	.r-top .menu-contact {font-size: .8rem; line-height: 1;}
	.r-top .menu-contact .nav-item + .nav-item {margin-left: 1rem;}
	.r-top .menu-contact a.media {height: 2rem;}
	.r-top .menu-contact a.media 	   .media-body {color: var(--color-dark);}
	.r-top .menu-contact a.media:hover .media-body {color: var(--color-main);}
	.r-top .menu-contact .mdi:before {font-size: 1.6rem;}
	.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-rrss .nav-item + .nav-item {margin-left: .5rem;}
	.r-top .menu-top .nav-item.active .nav-link {color: var(--color-main);}
/*R NAVBAR*/
	.r-navbar {box-shadow: 0 3px 4px rgba(0,0,0,.16); background: #fff;  }
	.r-navbar .navbar{position: relative; overflow: visible;}
	.r-navbar.affix {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: -35px 0 10px 0; padding: 0; position: relative;}
	.r-navbar .navbar {padding: 0;}
/*R SLIDER*/
	.r-slider {min-height:500px; }
	.r-slider .owl-carousel .container{position: relative; height:500px;}
	/*.r-slider .owl-carousel .owl-item{}*/
	.r-slider .owl-carousel .item-text{position: absolute; left:40%; right: 0; bottom: 90px;}
	.r-slider .owl-carousel .h1{transition-property: all; transition-delay: .5s; transition-timing-function: ease; transition-duration: 1s; opacity: 0; color: #fff; text-transform: initial; font-style: italic; text-shadow: 3px 4px 4px #00000080; font-size: 3.6rem; font-weight: 600;; line-height: 1.1; margin-bottom: 30px; text-align: right;}
	.r-slider .owl-carousel .active .h1{opacity: 1;}
/*R POST SLIDER*/
/*R PRE CONTENT*/
/*R CONTENT*/
	.r-content {display: -webkit-flex; display: flex; flex: 1 0 auto; align-items: center;}
	.r-content .container{background-color: #FFF; padding-top: 2rem;}
	.r-content .text-wrapper {padding: 3rem 4rem 3rem 0; margin-top: 12rem; background-color: #fff; height: 100%; position: relative; z-index: 10;}
	.r-content .text-wrapper > *:last-child {margin-bottom: 0;}
	.r-content .text-wrapper h1,
	.r-content .text-wrapper .lead {font-family: var(--font-family-heading); font-size: 1.6rem; line-height: 2rem; font-weight: 700; text-transform: initial;}
	.r-content .row-article-top {margin-top: -12rem; position: relative;}
	.r-content .row-article-top .article-image {position: relative;}
	.r-content .row-article-top .article-image img {width: 100%; position: relative; z-index: 5;}
	.r-content .row-article-top .article-image:after {content: ''; position: absolute; top: 8rem; bottom: 1%; left: -35%; right: 1%; z-index: 1; border: 2px solid var(--color-main); border-top-left-radius: 1rem; border-bottom: 0; border-right: 0;}
	.r-content .row-article-bottom {margin-top: 3rem;}
/* R POST CONTENT */
	.r-post-content {padding: 2rem 0; background-color: #f5f5f7; background-image: url(/images/assets/bkg-somos.jpg); background-repeat: no-repeat; background-size: contain; background-position: 100% 0; }
	.r-post-content .strong, .r-post-content strong{color: var(--color-heading-dark)!important; font-weight: 900;}
	.r-post-content h2 {text-transform: initial; color: var(--color-heading-dark)!important; font-style: italic; margin-bottom: 40px!important; font-size: 2.6rem; line-height: 1.1; }
	.r-post-content p{font-style: italic; font-size: 1.2rem; }
/* R PRE FOOTER */
	.r-pre-footer {padding: 2rem 0 2rem; background-color: var(--color-background); }
	.r-pre-footer *{color: var(--color-dark)}
	.r-pre-footer .text-sideline {color: var(--color-dark);}
	.r-pre-footer .text-sideline:before {border-bottom: 1px solid var(--color-dark);} 
	.r-pre-footer .newsflash .wrapper {box-shadow: 10px 10px 10px 2px #d4d4d4; background-color: var(--color-background-light);}
	.r-pre-footer .newsflash .wrapper .item-content{height: 180px;  overflow: hidden;}
	.r-pre-footer .newsflash .wrapper .item-title{margin-left: 20px; margin-right: 20px; margin-bottom: 10px; margin-top: 20px}
	.r-pre-footer .newsflash .wrapper .item-title h3 {font-weight: 600; text-transform: uppercase; font-style: normal; font-size: 1.3rem; line-height: 1.1; }
	.r-pre-footer .newsflash .wrapper .item-intro{margin-left: 20px; margin-right: 20px; /*margin-bottom: 20px;*/ line-height: 1.2;}
	.r-pre-footer .newsflash .wrapper .item-intro p {font-size: 1rem; font-style: normal;}
/*R FOOTER*/
	.r-footer {background: var(--color-dark); color: #fff; overflow: hidden;}
	.r-footer h2 {font-size: 1.2rem; font-weight: 500; margin-bottom: 2rem!important; color: #fff; } 
	.r-footer h2.text-sideline:before {width: 3rem; border-bottom: 1px solid #fff; margin-right: .4rem; }
	.r-footer a {color: #fff;}
	.r-footer a:hover {color: var(--color-main-dark);}
	.r-footer .social-icon:before {font-size: 2rem; line-height: 2rem;}
	.r-footer .social-icon.mdi-youtube:before {font-size: 3rem;}
	.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-main-dark); font-size: 1.2rem; margin-right: .5rem; line-height: 1rem;}
	.r-footer .contact-us .media-body {font-size: .9rem; font-weight: 400;}
	.r-footer .newsletter p {font-size: .9rem; font-weight: 400; font-style: normal; color: #fff;}
	.r-footer .follow-us .nav-item + .nav-item {margin-left: .5rem;}
	.r-footer .menu-de-interes .nav-item{flex:1 1 50%;}
	.r-footer .menu-de-interes .nav-item a{padding: .3rem 0 .3rem 0; margin: 0 .3rem .3rem 0; line-height: 1;  text-transform: uppercase; font-size: .9rem;}
/*R COPYRIGHT*/
	.r-copyright {background: var(--color-dark); font-size: .8rem; padding: .5rem 80px; text-align: center; color: #FFF;}
	.r-copyright p.small {color: var(--color-background-light); font-style: normal; font-size: .8rem;}
	.r-copyright a{color: #FFF;}
/*PAGINAS ESPECIALES*/
	/*FRONT*/
		body.front {background-image: none;}
		.front h2, .front .h2 {margin-bottom: .5rem;}
		.front .r-content .container {padding-top: 0}
		.front .r-content {padding: 3rem 0 4rem;}
		.front .r-content .strong{font-size: 1.3rem; line-height: 1; margin-bottom: 30px; font-weight: 500; font-style: italic;}
		.front .r-content .productos a{display: block; position: relative; margin-bottom: 30px;}
		.front .r-content .productos a .h3{position: absolute; top: 20px; left: 20px; color: #FFF; font-size: 1.5rem; line-height: 1; margin-bottom: 0;}
	/*PRODUCTOS*/
		body.layout-abpcproduct{background-size: auto 467px;}
		.layout-abpcproduct .r-content img{max-width: 100%; height: auto; display: block;}
		.layout-abpcproduct .r-content h1, .h1 {text-transform: uppercase; font-size: 2rem; line-height: 2.3rem; font-weight: 500; margin: 1.5rem 0; }
		.layout-abpcproduct .r-content a.text-secondary {font-style: italic; font-size: 1.4rem; font-weight: 500; }
		/*PREFUMINAS*/
			.perfuminas .r-content ul {font-style: italic; font-size: 1.1rem; padding-left: 16px;}
			.perfuminas .r-content .btn-cta {margin-top: 0;}
		/*DIFUSORES*/
			.difusores h2.text-sideline {margin-bottom: 0.5rem;}
			.difusores .tipos-de-difusores {margin-bottom: 2rem; }
		/*ENVASES*/
			.envases .r-content .page-header{margin-bottom: 40px}
			.envases .r-content h1 {margin-bottom: -1rem;}
			.envases .r-content h2.text-secondary {margin: 3rem 0 -1rem 0;}
			/*.envases .r-content h3 {font-size: 1.5rem; margin-top: 2rem;}*/
			/*.envases .r-content p.small {margin-bottom: .5rem;}*/
			.envases .r-content h3 {font-size: 1.3rem; margin: 0; line-height: 1; min-height: 70px;}
			.envases .r-content .small strong {font-style: normal;}
			.envases .r-content figure{border: 1px solid var(--color-background-light); margin-bottom: 60px;}
		/*FRAGANCIAS*/
			.fragancias .r-content .small {margin-top: 1.5rem;}
			.fragancias .r-post-content {margin-top: 2.5rem;}
	/*FAQ*/
		.site.faq .r-slider {padding: 2rem 0;}
	/*BLOG*/
			/*body.blog {background-image: url(/images/assets/bkg-default.jpg), url(/images/assets/bkg-default.jpg); background-repeat: no-repeat; background-position: 0 0, 100% 0; background-size: 1000px;}*/
			/*VER EL BACKGROUND SIZE PARA QUE LA ALTURA SEA LA MISMA QUE LA DEL SLIDER*/
			.blog .r-slider {min-height: initial;}
			.blog .r-slider .container{ background-color: #fff; padding-top: 2rem;}
		/*BLOG CATEGORY*/
			.blog.view-category .r-slider h1 {margin-bottom: 0;}
			.blog.view-category .r-content {padding-top: 0;}
			.blog.view-category .r-content .item-wrapper {margin-bottom: 2rem; box-shadow: 10px 10px 10px 2px #d4d4d4; background-color: var(--color-background-light);}
			.blog.view-category .r-content .item-wrapper .item-title:after{display: none;}
			.blog.view-category .r-content .item-wrapper h2.item-title { padding: 20px 20px 10px 20px; font-size: 1.3rem; line-height: 1.1;}
			.blog.view-category .r-content .item-intro p{font-size: 1rem; font-style: normal; padding: 0px 20px 20px 20px;; line-height: 1.2;} 
			.blog.view-category .r-content .item-wrapper {height: 365px;  overflow: hidden;}			
			/*.blog .r-slider h2.h1 {text-transform: initial; font-style: italic; font-size: 2.5rem; font-weight: 700;}*/
			/*.blog.view-category h2 {text-transform: initial; font-size: 1.6rem;}*/

		/*BLOG ARTICLE*/
			.blog.view-article .r-slider {display: none;}
			/*.blog.view-article .r-content .container {padding-top: 2rem;}*/
			.blog.view-article .r-content {padding: 0;}
			.view-article.layout-blog .page-header h1 {text-transform: uppercase; font-size: 1.7rem; line-height: 1; margin: 1.5rem 0 1rem 0; color: var(--color-heading-alt);}
			.blog.view-article .r-content .row-article-top {margin-top: -6rem;}
			.blog.view-article .r-content .article-image:after {top: 50%; left: -20%;}
			.blog.view-article .r-content .text-wrapper {display: inline-block; min-width: 23rem; padding: 1.8rem 2rem 1.5rem 0;}
			.blog.view-article .r-content h2:not(.title) {font-size: 1.3rem; font-weight: 500; margin: 2rem 0 0.5rem 0; color: var(--color-heading-alt); font-weight: 600;}
			.blog.view-article .r-content * + h2 {margin-top: 2rem;}
			.blog.view-article .r-content h3 {font-size: 1.2rem; font-weight: 600; text-transform: capitalize; color: var(--color-heading); margin-bottom: .5rem; font-style: italic; }
			.blog.view-article .r-content h4 {font-size: 1.1rem; font-weight: 500; color: var(--color-main);}
			.blog.view-article .r-content h5 {font-size: 1rem; font-weight: 500;}
			.blog.view-article .r-content h6 {font-size: 1rem; font-weight: 500;}
			.blog.view-article .r-content a {color: var(--color-main);}
			.blog.view-article .r-content a:hover {color: var(--color-main-light);}
			.blog.view-article .r-content ul {list-style: none; padding-left: 1.5rem; }
			.blog.view-article .r-content ul > li {margin-bottom: .5rem;  display: -webkit-flex; display:flex;}
			.blog.view-article .r-content ul > li:before {content: '\f142'; margin-right: .4rem; color: var(--color-text);}
			.blog.view-article .r-content p {font-style: normal; font-size: 1rem; line-height: 1.2;}
			.blog.view-article .r-content p.lead {font-weight: 500; font-size: 1.5rem; line-height: 1.1; color: var(--color-text); font-style: italic; margin-bottom: 1.7rem;}
			.blog.view-article .r-content .well {margin: 2rem 0; padding: 1.5rem 1.5rem; font-weight: 500; background-color: var(--color-background-light); font-size: 1.1rem; line-height: 1.2;}
			.blog.view-article .r-content .well.special {font-size: 1.3rem; font-weight: 600; line-height: 1.3; font-family: var(--font-family-heading); border: none; position: relative; padding: 1rem 0 0; margin-left: 6rem; font-style: italic; text-transform: initial; background-color: transparent; min-height: 128px;}
			.blog.view-article .r-content .well.special:before {content: '\f27e'; font-family: 'Material Design Icons'; position: absolute; top: 0; left: -7rem; font-size: 15rem; line-height: 8rem; color: #000; opacity: 0.1; z-index: 0; transform: scaleX(-1); text-shadow: -2px 0 #000, 0 2px #000, 2px 0 #000, 0 -2px #000; font-style: normal;}
			.blog.view-article .r-content .blockquote {margin: 2.5rem 0 2.5rem 2rem; padding: 1rem 0 1rem 1rem;; border-left: 4px solid var(--color-main); font-size: 1rem;}
			.blog.view-article .r-content .blockquote h3 {text-transform: uppercase; color: var(--color-text); font-style: normal; font-size: 1rem; margin-bottom: 0;}
			.blog.view-article .r-content .well > *:last-child ,
			.blog.view-article .r-content .blockquote > *:last-child {margin-bottom: 0;}*/
			.blog.view-article .contact-form-wrapper .header p {font-size: 1.2rem; font-style: italic; line-height: 1.1; }
	/*404 & THANKS*/
		.site.error-404 p,
		.site.gracias p {margin-bottom: .5rem;}
		.site.error-404 .lead,
		.site.gracias   .lead {font-size: 1.5rem; margin-bottom: 0; line-height: 1.6rem; font-weight: 500;}
		.site.gracias .r-content {padding-bottom: 2rem;}
		.site.gracias .r-content .container {padding-top: 2rem; padding-bottom: 2rem; }
		.site.gracias .r-content h1 {text-align: center; margin-top: 2rem;}
	/*POLITICAS DE PRIVACIDAD*/
		.site.politicas-de-privacidad h1 {margin-bottom: .5rem;}
		.site.politicas-de-privacidad h2 {font-size: 1.4rem; margin: 2rem 0 0.5rem;}

	/*LISTA PRECIOS*/
		.lista-precios .collapsed h3{background-color: #FFF;}
		.lista-precios h3{background-color: var(--color-background-light);}
		.lista-precios h3 {display: flex; font-size: 1rem; font-weight: 400; margin: 0 0 5px; padding: 5px; border-bottom: 1px solid var(--color-main-dark); flex-direction: row; justify-content: space-between;}
		.lista-precios h3:after{content: "\FB11"; color: var(--color-main-dark); display: inline-block; font: normal normal normal 24px/1 "Material Design Icons"; font-size: 1.3rem; text-rendering: auto; line-height: inherit; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
		.lista-precios .collapsed h3:after{content: "\FB0B";}
		.lista-precios table{font-size: 12px;}
		.lista-precios table tbody>tr>td{padding:2px 3px ;}
		.lista-precios table tbody>tr>td:nth-child(3){text-align: right; padding-right: 10px }
		/*.lista-precios table tbody>tr>td:last-child{text-align: right; padding-right: 10px }*/
		/*.lista-precios table tbody>tr>td:nth-last-child(-n+2){text-align: right;}*/
		.lista-precios table tbody>tr:first-child{background: var(--color-background-dark); color: #ffff; }
		.lista-precios table tbody>tr:first-child>td{text-align: center !important; vertical-align: middle !important;}
		/*.lista-precios table tbody>tr:first-child>td:nth-child(2){min-width: 500px}*/
		/*.lista-precios table tbody>tr:first-child>td:last-child, .lista-precios table tbody>tr:first-child>td:nth-last-child(2){width: 100px;}*/
		.lista-precios table .table-dark,.lista-precios table .table-dark>td,.lista-precios table  .table-dark>th {color: #fff!important; background-color: #436485!important; font-weight: 700;}
	/*ENVASES CON VARIANTES*/
		figure.variant{position: relative; z-index: 0;}
		figure.variant:hover{cursor: pointer;}
		figure.variant:after {content: '+'; width: 40px; height: 40px; position: absolute; bottom: 0; right: 0; z-index: 10; background-color: #000; color: #FFF; display: flex ; align-items: center; justify-content: center; line-height: 1; font-size: 2rem; }
/******************************************************************************************************************/
/*MEDIA QUERIES*/
/*@media (max-width: 575px) {}*/
/*@media (min-width: 576px) {}*/
/*@media (min-width: 576px) {}*/
@media (max-width: 767px) {
	body {background-image: none;}
	h1,h2 {font-size: 1.8rem; margin: 1rem 0;}
	h3 {font-size: 1.5rem; }
	p {font-size: 1.1rem}
	small,.small {font-size: 1rem;}
	.btn.btn-cta {margin: 1rem 0; }
	.nav-justified .nav-item {margin: 0 0.5rem 0.5rem 0; max-width: 104px;}
	.nav-justified.infoComercial .nav-item {margin: 0; max-width: 50%; font-size: 18px; line-height: 1; background-color: transparent;}
	.nav-justified.infoComercial .nav-link {height: 55px; background-color: var(--color-background-light);}
	.nav.nav-pills>.nav-item:last-child {margin-right: 0.5rem}
	.strong {font-size: 1.1rem!important;}
	.table {margin-bottom: 0.2rem;}
	.table td {font-size: 1rem;}
	.table td.table-secondary {width: 72px; }
	.text-sideline:before {width: 2.5rem;}


	.contact-form-wrapper .header .title { font-size: 1.8rem;}
	.contact-form-wrapper .header p {font-size: 1.1rem;}
	.form-control {font-size: .8rem;}
	.form-group {margin-bottom: 0.5rem; }
	.modal-content h2 {font-size: 1.5rem; }
	.modal-content .modal-body p.modal-intro {font-size: 1rem}
	.modal-content .contact-form .form-group {margin-bottom: .3rem;}
	.modal-title {margin: 0;}
	.menu-main {padding-top: 0.5rem; border-top: 1px solid var(--color-dark); }
	.menu-main .submenu-wrapper {position: initial; }
	.menu-main .submenu-wrapper a.nav-link{width: 340px; }
	.menu-main > .nav > .nav-item {margin-bottom: .7rem;}
	.newsflash .wrapper {margin-bottom: 1rem;}


	/*R-SLIDER*/
		.r-slider { min-height: 200px;}
		/*.r-slider .owl-carousel .container{position: absolute;}*/
		.r-slider .owl-carousel .container {height: 200px; }
		.r-slider .owl-carousel .item-text{left: initial; bottom: initial; width: 322px; z-index: initial; position: initial; }
		.r-slider .owl-carousel .h1{ font-size: 1.7rem; transition-property: none; opacity: 1; margin: 0; padding-top: 90px;}
		.bg-flores, .bg-frutas, .bg-atomizador { background-size: 210%;}
		.bg-flores  {background-position: 51% 50%;}
		.bg-frutas {background-position: 20% 50%;}
		.bg-atomizador {background-position: 41% 50%;}


	.r-content {overflow: hidden;}
	.r-post-content {background-image: none; background-color: var(--color-background-light); padding: 0.5rem 0 0 0; margin-top: 1rem; }
	.r-post-content h2 {font-size: 1.8rem; margin-bottom: 15px!important;}
	.r-post-content p {font-size: 1.1rem; }
	.r-pre-footer h2 {margin-bottom: .8rem; }
	.r-footer .col-lg-4 {padding-top: .5rem!important}
	.r-footer .newsletter .btn {line-height: 1;}
	.r-footer h2 {font-size: 1.1rem; margin-bottom: .5rem!important;}
	.r-copyright {padding: 0.8rem 0 0.3rem 0;}

	/*.front .r-content .fragancias h5 {display: none;}*/
	.layout-abpcproduct .r-content h1 {font-size: 1.8rem; margin: 1rem 0;}
	.layout-abpcproduct .r-content h2 {font-size: 1.6rem; }
	.layout-abpcproduct .r-content img {padding-bottom: 1.5rem;}
	.front .r-content {padding: 1rem 0;}
	.front .r-content img { padding-bottom: 0; }
	.perfuminas .r-content .contact-form-wrapper{display: none;}
	.perfuminas .r-content img.my-4 {padding-bottom: 0;}
	.difusores .r-content .contact-form-wrapper{display: none;}
	.difusores .tipos-de-difusores, .tipos-de-fragancias {margin-top: 0;}
	.linea-spa .r-content .contact-form-wrapper{display: none;}
	.linea-hogar .r-content .contact-form-wrapper{display: none;}
	.envases .r-content .contact-form-wrapper{display: none;}
	.envases .r-content .col-lg-3 {flex: 1 1 50%;}
	.envases .r-content h2.text-secondary {margin: 1rem 0; }
	.envases .r-content h3 {margin-top: 0; font-size: 1.1rem; }
	.envases .r-content p.small {font-size: .8rem;}
	.esencias-puras .r-content .contact-form-wrapper{display: none;}
	.fragancias .r-content .contact-form-wrapper{display: none;}
	.fragancias .r-content .nav-item a {width: 102px; font-size: 1.1rem; }
	.fragancias .r-content p.small {margin: 1rem 0;}


	.blog .r-slider {height: initial;}
	.blog .r-slider .container {padding-top: 1rem; padding-bottom: 0rem;}
	.view-article.layout-blog .page-header h1 {font-size: 1.6rem}
	.view-article.layout-blog .r-content p.lead {font-size: 1.3rem; margin-bottom: 1rem;}
	.blog.view-article .r-content ul { padding-left: 1rem;}
	.blog.view-article .r-content ul > li {margin-bottom: 0;}
	.blog.view-article .r-content .well {padding: 1rem; font-size: 1rem;}
	.blog.view-article .r-content .well.special {font-size: 1.1rem; margin-left: 2.5rem;}
	.blog.view-article .r-content .well.special:before {left: -5rem;}


	.lista-precios table td{font-size: 14px; line-height: 1;}
}

/*@media (max-width: 767px) {}
/*@media (min-width: 768px) {}*/
/*@media (min-width: 768px) and (max-width: 991px) {}*/
/*@media (max-width: 991px) {}*/
/*@media (min-width: 992px) {}*/
/*@media (min-width: 992px) {}*/
@media (min-width: 1200px){
	.container {max-width: 1170px; padding-right: 30px; padding-left: 30px;
}