@font-face { font-family: "CenturyGothic"; src: url("../fonts/CenturyGothicBold.otf"); font-weight: bold; }
@font-face { font-family: "CenturyGothic"; src: url("../fonts/CenturyGothic.otf"); font-weight: 300; }
@font-face { font-family: "CenturyGothic"; src: url("../fonts/CenturyGothic.otf"); }
:root {
	--color-gray-2: #f8f3f9;
	--color-dark-blue: #1d71b8;
	--color-water-blue: #1d71b8;
	--color-blue: #16a5b3;
	--color-yellow: #FFD957;
	--color-light-gray: #d5d9d6;
	--color-gray-light: #F4F4F4;
	--color-blue-tyto: #6872f4;
	--color-gray: #5f6868;
	--color-gray-hard: #566060;
	--color-green-hard: #1f3e50;
	--color-blue-hard: #1f3e50;
	--color-gray-hard-2: #676360;
}
/*=============================================================================
GENERAL
=============================================================================*/
.font-century-gothic { font-family: "CenturyGothic"; font-size: 18px; }
body { color: var(--color-gray-hard); font-family: "CenturyGothic"; }
*::-moz-selection { background: lightblue; color: initial; text-shadow: none; }
*::selection { background: lightblue; color: initial; text-shadow: none; }
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-gray-2 { background-color: var(--color-gray-2); }
.bg-gray-light { background-color: var(--color-gray-light); }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.bg-blue { background-color: #696BAF; }
.bg-blue-water { background-color: var(--color-blue); }
.bg-yellow { background-color: var(--color-yellow); }
.text-gray { color: var(--color-gray); }
.text-black { color: #000; }
.text-green-hard { color: var(--color-green-hard); }
.text-black-i { color: #000 !important; }
.text-semiblack { color: var(--semiblack); }
.text-semiblack-i { color: var(--semiblack) !important; }
.text-blue-hard { color: var(--color-blue-hard); }
.text-aqua-blue { color: var(--color-water-blue); }

.help-block { display: block; }
.has-error [data-fv-for="sectors[]"] { display: block !important; }
.has-error .form-control { border-color: #dc3545; }
.has-error .help-block { color: #dc3545; }
.has-success .form-control, .has-success button.dropdown-toggle { border-color: #28a745; }
[role="button"] { cursor: pointer; }

.banner-mid { height: 150px; }

.p-relative { position: relative; }

.border-top-bold { border-top: 2px solid #404040 !important; }

.no-btn { cursor: default !important; }

#alerts {
	width: 950px;
	max-width: 100%;
	position: fixed;
	top: 15px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 999999;
	cursor: pointer;
}

#alertContainer .alert {
	box-shadow: 0 0 10px #000;
}

.color-gray { color: #a7a7a7; }

.c-pointer {
	cursor: pointer;
}

.custom-container{
	padding-left: 0px !important;
}

.bg-header{
	background-color: var(--color-dark-blue);
}

.bg-wblue{
	background-color: var(--color-water-blue);
}

.bg-yellow{
	background-color: var(--color-yellow);
}

.color-blue{
	color: var(--color-dark-blue);
}

.text-blue{
	color: var(--color-blue-tyto);
}

.btn-blue-hard {
	color: #FFF;
	background-color: var(--color-blue-hard);
	border: 1px solid var(--color-blue-hard);
}
.btn-blue-hard:hover,
.btn-blue-hard:active,
.btn-blue-hard:focus {
	color: var(--color-blue-hard);
	background-color: #FFF;
}

.btn-black {
	color: #FFF;
	background-color: #2c2e35;
	border: 1px solid #2c2e35;
}
.btn-black:hover,
.btn-black:active,
.btn-black:focus {
	color: #2c2e35;
	background-color: #FFF;
}

.btn-facebook {
	color: #FFF;
	background-color: #3b5999;
	border: 1px solid #3b5999;
}
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:focus {
	color: #3b5999;
	background-color: #FFF;
}

.btn-google {
	color: #FFF;
	background-color: #4285f4;
	border: 1px solid #4285f4;
}
.btn-google:hover,
.btn-google:active,
.btn-google:focus {
	color: #4285f4;
	background-color: #FFF;
}

.btn-gray-hard-2:not([href]),
.btn-gray-hard-2 {
	color: #FFF;
	background-color: var(--color-gray-hard-2);
	border: 1px solid var(--color-gray-hard-2);
}
.btn-gray-hard-2:hover,
.btn-gray-hard-2:active,
.btn-gray-hard-2:focus {
	color: var(--color-gray-hard-2);
	background-color: #FFF;
}

/*=============================================================================
THANKS PAGE
=============================================================================*/
.bg-cover-thanks {
	height: 700px;
	min-height: 300px;
	background-image: url("http://placehold.it/1920x700.png?text=1920x700.jpg");
}
.thanks-page { height: 70vh; }
.thanks-page img { width: 400px; max-width: 100%; }
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
.navbar * { text-align: center; }
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link {
	color: #333;
	border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #333;
	border-color: transparent;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
	padding-left: 8px;
	padding-right: 8px;
}

/* separación items menu */
.navbar-brand img { width: 200px; }

.rotate-45-deg {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.rombo{
	margin-top: 0;
	padding-top: 0;
	font-size: 7px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
/*=============================================================================
HOME
=============================================================================*/
#home-carousel.full-carousel .carousel-item {
	height: 700px;
	min-height: 700px;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.home-cover-text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.home-carouse-info {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 15px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
#home-carousel .carousel-indicators {
	width: auto;
	height: 20px;
	top: 50%;
	right: 0;
	margin: unset;
	left: auto;
	-webkit-transform: translateY(-50%) rotate(90deg);
	-ms-transform: translateY(-50%) rotate(90deg);
	-o-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
#home-carousel .carousel-indicators li {
	display: block;
  background-color: transparent;
  border-radius: 50%;
  height: 10px !important;
  width: 10px !important;
  border: #FFF solid 1px !important;
}
#home-carousel .carousel-indicators li.active {
  background-color: #FFF !important;
  border-radius: 50%;
  height: 10px !important;
  width: 10px !important;
}
.section-trainings { margin-top: -20px; }
.square-indicators .carousel-indicators { bottom: 2rem; }
.square-indicators .carousel-indicators .active,
.square-indicators .inner-square {
	background-color: var(--green) !important;
}
button[data-action] { display: none; }

#home-carousel-desktop .carousel-control-next,
#home-carousel-desktop .carousel-control-prev {
	width: 5%;
	color: #000;
	font-size: 3em;
}
.text-shadow { text-shadow: 5px 5px 5px rgba(0,0,0,0.4); }
.home-banner-title :not(a) {
	/*text-shadow: 5px 5px 5px rgba(0,0,0,0.4);*/
}


.tns-nav {
	text-align: center;
	margin: 10px 0;
}
.tns-nav > [aria-controls] {
	width: 15px;
	height: 15px;
	padding: 0;
	margin: 0 5px;
	border-radius: 50%;
	background: #FFF;
	border: 0;
}
.tns-nav > .tns-nav-active {
	background: var(--green);
}
.tns-controls {
	width: 98%;
	text-align: center;
	margin-bottom: 10px;
	position: absolute;
	top: 50%;
	z-index: 2;
	outline: unset;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.tns-controls > [data-controls] { position: absolute; }

.tns-controls > [data-controls="next"] { right: 0; }
.tns-controls > [data-controls="prev"] { left: 0; }
.tns-controls [aria-controls] {
	font-size: 20px;
	margin: 0 5px;
	padding: 0 1em;
	height: 2.5em;
	color: #000;
	background-color: transparent !important;
	border-radius: 3px;
	border: 0;
}
.white-controls .tns-controls * { color: #FFF; }
.bg-contact-section {
	background-image: url("../images/contacto/eHealth_DESARROLLO.jpg");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.comillas-sup { top: -150px; left: 10%; }
.comillas-inf { bottom: -150px; right: 10%; }
.comillas-sup-testimonials { top: 12%; left: 10%; }
.comillas-inf-testimonials { bottom: 19%; right: 10%; }
.bg-home-newsletter {
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important;
}
.newsletter-pleca-container {
	/* margin-top: -200px; */
	margin-top: -60px;
}
.img-pleca-azul {
	width: 100% !important;
	max-width: 100% !important;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}
.product-item-container .product-item {
	border: 1px solid transparent;
}
.product-item-container:hover .product-item {
	border-color: #c2c8c8;
}
.bg-newsletter-section {
	height: 500px;
	background-image: url("../images/home/banner2.jpg");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#testimonial-carousel .carousel-indicators {
	bottom: -30px;
	margin-bottom: 0;
}
#testimonial-carousel-mobile .carousel-indicators {
	bottom: -30px;
	margin-bottom: 0;
}
.comilla-open {top: -50px; left: 1rem; }
.comilla-close {bottom: -50px; right: 1rem; }
.img-smiluate-hover img:last-child {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	opacity: 0;
	visibility: hidden;
}
.img-smiluate-hover:hover img:last-child { opacity: 1; visibility: visible; }
/*=============================================================================
TYTOCARE
=============================================================================*/
#tytocare-carousel.full-carousel .carousel-item { height: 350px; min-height: 350px; }
#tytocare-products-carousel .carousel-control-prev-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E") !important;
}
#tytocare-products-carousel .carousel-control-next-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23000' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E") !important;
}
#tytocare-products-carousel .carousel-control-prev,
#tytocare-products-carousel .carousel-control-next {
	width: 100px;
}
.bg-tytocare-video {
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 400px;
}

#tytocare-testimonials.full-circle-indicators .carousel-indicators li {
	background-color: #FFF;
	border: 1px solid var(--color-blue-tyto);
}
#tytocare-testimonials.full-circle-indicators .carousel-indicators .active {
  background-color: var(--color-blue-tyto);
}
#tytocare-testimonials.full-circle-indicators .carousel-indicators li.active .inner-square { display: block; border-radius: 100%; }
#tytocare-testimonials.full-circle-indicators .inner-square {
	background-color: var(--color-blue-tyto);
}

#tytocare-testimonials.full-circle-indicators .carousel-indicators { bottom: -43px; }
.chat-section { position: absolute; right: 5%; bottom: 0; display: none; }
.green-icon { width: 100px; }
.img-hover { cursor: pointer; }
.img-hover > img { transition: .2s; }
.img-hover > img:last-child {
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.img-hover:hover > img,
.img-hover.active > img { opacity: 0; visibility: hidden; }
.img-hover:hover > img:last-child,
.img-hover.active > img:last-child { opacity: 1; visibility: visible; }
/*=============================================================================
NOSOTROS
=============================================================================*/
#mision { margin-top: -150px; }
.about-us-img {
	position: absolute;
	left: 7%;
	bottom: 0;
	z-index: 4;
}
#about-carousel-desktop .carousel-control-prev,
#about-carousel-desktop .carousel-control-next {
	width: 45px;
}
/*=============================================================================
TYTOCARE PRO
=============================================================================*/
#tytocare-pro-carousel.full-carousel .carousel-item { height: 400px; min-height: 400px; }
textarea.form-control.reg-inp {
	height: 180px;
	min-height: 68px;
	max-height: 250px;
}
.contact-container { margin-top: -100px; z-index: -1; }
.arrow-banner {
	position: absolute;
	right: -30px;
	top: 43%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*=============================================================================
TYTOCARE VIDEO
=============================================================================*/
.video-container {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.video-background {
  background: #FFF;
  top: 0; right: 0; bottom: 0; left: 0;
  z-index: -99;
}
.video-foreground,
.video-background iframe {
  position: fixed;
  top: 50%;
  left: 50%;
  width: 100%;
  /*height: 100%;*/
  pointer-events: none;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.video-background video {
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: auto;
  min-width: 100%;
	/* min-height: 100%; */
  pointer-events: none;
  -webkit-transform: translate(-50%,-50%);
  -ms-transform: translate(-50%,-50%);
  -o-transform: translate(-50%,-50%);
  transform: translate(-50%,-50%);
}
.bg-vid-back-text {
	/*text-shadow: 0 5px 5px rgba(255, 255, 255, 1);*/
	-webkit-text-fill-color: var(--color-blue-tyto); /* Will override color (regardless of order) */
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}
.bg-video-background {
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: 0;
}
/*=============================================================================
CONTACT
=============================================================================*/
.bg-contact {
	height: 500px;
	background-image: url("../images/contacto/eHealth_DESARROLLO.jpg");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.bg-phones {
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
/*=============================================================================
REGISTRO
=============================================================================*/
.header-reg {
	color: white;
	font-weight: bold;
}

.forgot-pass-container { height: 700px; }
.reg-img{
	background-image: url('../images/auth/registro.jpg');
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.reg-inp {
	width: 100%;
	background-color: #d5d9d6;
	border: none;
}

.reg-inp-transp {
	width: 100%;
	color: #FFF;
	background-color: transparent;
	border: none;
	border-bottom: 2px solid #FFF;
}

.reg-inp-transp::-webkit-input-placeholder { color: #FFF; }
.reg-inp-transp:-ms-input-placeholder { color: #FFF; }
.reg-inp-transp::placeholder { color: #FFF; }

.form-control.reg-inp-transp:focus {
	color: #FFF;
	background-color: transparent;
}

.separator{
	margin-top: 25px;
}

.olv-lbl{
	margin-top: 5px;
}

.olv-lbl a{
	margin-top: 10px;
	color: white;
}
.btn-iniciar {
	margin-top: 10px;
}

.space{
	margin-bottom: 100px;
}

.space-50{
	margin-bottom: 50px;
}

.form-width{
	width: 100%;
}

.reg-container {
	border-radius: 30px;
	background-color: rgba(0,0,0,0.3);
}
.btn-register { font-size: 25px; }
.login-ico {
	position: absolute;
	left: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.login-google { margin-left: 6px; }
/*=============================================================================
CART
=============================================================================*/
/*Metodos de pago*/
.container-group {
	border: 1px solid var(--color-water-blue);
	border-radius: 8px;
	position: relative;
}
.container-title {
	font-size: 14px;
	text-align: center;
	background-color: #FFF;
	position: absolute;
	margin-top: -10px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.container-title.ct-img {
	margin-top: -20px;
}
.modal-openpay .modal-header {
	border-bottom: 1px solid transparent;
}
[disabled] { cursor: not-allowed; }
/*Metodos de pago*/
/*Funcionalidad ver descripcion completa*/
.cart-prod-descr {
	height: 68px;
	overflow: hidden;
	transition: .2s;
}
.cart-prod-descr.open {
	padding-bottom: 30px;
}
.show-content {
	width: 100%;
	height: 30px;
	background: rgba(255,255,255,0.5);
	background: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0.5)), color-stop(26%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 26%, rgba(255,255,255,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 );
	position: absolute;
	left: 50%;
	bottom: 0;
	padding-bottom: 5px;
	transform: translateX(-50%);
}
.show-content { color: var(--color-water-blue); cursor: pointer; }
/*Funcionalidad ver descripcion completa*/

/*iframes OpenPay*/
#_op_data_r, #_op_data_antifraud { opacity: 0; visibility: hidden; position: absolute; z-index: -10000; top: -10000px; }
/*iframes OpenPay*/
#cartAmount {
	position: absolute;
	border-radius: 100%;
	width: 15px;
	height: 15px;
	background: #FFF;
	color: #000;
	text-align: center;
	top: 4px;
	right: 0;
	z-index: 999;
	line-height: 10px;
	font-size: 13px;
	opacity: 0.9;
	border: 1px solid #000;
}
.img-cart {
	/*height: 200px !important;*/
	/*max-height: 200px !important;
	min-height: 200px !important;*/
}
#emptyCart { color: #a7a7a7; cursor: pointer; }
#emptyCart:hover { text-decoration: underline; }
.simulate-table { border-right: 1px solid #566060; }
.cart-item { border-bottom: 1px solid #566060; }
.wish-list {
	position: absolute;
	top: 10px;
	right: 30px;
}
.thanks-message {
	background-color: rgba(255,255,255,0.5);
	-webkit-box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.3);
}
#cart-carousel .carousel-control-next,
#cart-carousel .carousel-control-prev {
	width: 5%;
	color: #000;
	font-size: 3em;
}
#cart-carousel-mobile .carousel-control-next,
#cart-carousel-mobile .carousel-control-prev {
	width: 5%;
	color: #000;
	font-size: 1.75em;
}
#cart-carousel-mobile .carousel-indicators {
	bottom: -45px;
}
/* Check términos y estilos */
.terms-unchecked { opacity: 0.65; cursor: not-allowed; }
/* Check términos y estilos */
.has-error-cart .help-block[data-fv-validator="notEmpty"] { display: block !important; }
.payment_btn_submit {
	visibility: hidden;
	opacity: 0;
	position: absolute;
	z-index: -150;
}
/*=============================================================================
FOOTER
=============================================================================*/
.custom-footer{
	width: 100% !important;
	max-width: 100% !important;
}
.thanks-message-container {
	margin-top: -150px;
}
/*=============================================================================
PROFILE
=============================================================================*/
.simulate-profile-photo {
	width: 50px;
	height: 50px;
	display: block;
	margin: 0 auto;
	border-radius: 100%;
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.img-profile{
	width: 100%;
	height: 160px;
}
.img-training{
	width: 100%;
	height: 260px;
}
.inline{
	display: inline;
}
/*  */
.js .inputfile {
	width: 0.1px;
	height: 0.1px;
	opacity: 0;
	overflow: hidden;
	position: absolute;
	z-index: -1;
}

.inputfile + label {
	max-width: 80%;
	font-size: 1.25rem;
	/* 20px */
	font-weight: 700;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: pointer;
	display: inline-block;
	overflow: hidden;
	padding: 0.625rem 1.25rem;
	/* 10px 20px */
}

.no-js .inputfile + label {
	display: none;
}

.inputfile:focus + label,
.inputfile.has-focus + label {
	outline: 1px dotted #000;
	outline: -webkit-focus-ring-color auto 5px;
}

.inputfile + label * {
	/* pointer-events: none; */
	/* in case of FastClick lib use */
}

.inputfile + label svg {
	width: 1em;
	height: 1em;
	vertical-align: middle;
	fill: currentColor;
	margin-top: -0.25em;
	/* 4px */
	margin-right: 0.25em;
	/* 4px */
}


/* style 1 */
.input-label span {
	width: 100%;
	position: absolute;
	font-size: 60%;
	font-weight: normal;
	text-align: center;
	padding: 0 15px;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.inputfile-1 + label {
	width: 100%;
	height: 100%;
	max-width: 160px;
	max-height: 160px;
	position: absolute;
	left: 50%;
	color: #000;
	background-color: #FFF;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
}

.inputfile-1:focus + label,
.inputfile-1.has-focus + label,
.inputfile-1 + label:hover {
	background-color: #bbb;
}

.inputfile-2 + label {
	color: #d3394c;
	border: 2px solid currentColor;
}

.inputfile-2:focus + label,
.inputfile-2.has-focus + label,
.inputfile-2 + label:hover {
	color: #722040;
}
/*  */
.input-group-container { font-size: 12px; }
.input-group-container .custom-file-label::after { content: "Buscar"; }
.input-group-container .custom-file-label {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

#profile-photo-form { height: 160px; }
#profile-photo-form.has-photo { height: unset !important; }
/*#profile-photo-form.has-photo { height: 215px; }*/
#profile-photo-form input[type="button"],
#profile-photo-form input[type="submit"],
#profile-photo-form .input-group-container {
	display: none;
	opacity: 0;
	visibility: hidden;
	transition: .2s;
	-webkit-transition: .2s;
	-moz-transition: .2s;
	-ms-transition: .2s;
	-o-transition: .2s;
}
#profile-photo-form:hover input[type="button"],
#profile-photo-form:hover input[type="submit"],
#profile-photo-form:hover .input-group-container,
#profile-photo-form .input-group-container.active,
#profile-photo-form .btn-update-photo.active {
	display: block;
	opacity: 1;
	visibility: visible;
}
.text-link { cursor: pointer; }
.text-link:hover { text-decoration: underline; }
.alert-minus-margin { margin-top: -70px !important; }
.fc-profile { border: unset; border-bottom: 2px solid var(--color-gray-hard); }
textarea.fc-profile {
	height: 34px;
	min-height: 34px;
	max-height: 200px;
}
.invoice-addres-item { border: 1px solid #c2c8c8; border-radius: 8px; }
/*=============================================================================
CART
=============================================================================*/
.header-cart{
	background-image: url("http://placehold.it/1920x600.png?text=1920x600.jpg");
	background-position: center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 600px;
}
.heigh-100{
	height: 100%;
}

.h-50{
	height: 50% !important;
	min-height: 50%;
}

.openpay-img {
	width: 150px;
}
.button-paypal{
	border: none;
	background: transparent;
}

.btn-white{
	background-color: white;
	border: 1px solid #ccc;
}
/*Vista de productos*/
.fs-12{
	font-size:12px !important;
}
.fs-14{
	font-size:14px !important;
}
.fs-16{
	font-size:16px !important;
}

.img-products{
	border: 1px solid #c2c8c8;
}

.h-50{
	height: 50px !important;
}
.v-a-m>p{
	text-align: center;
    position: relative;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.cup{
	cursor: pointer;
}

.boxes-menu{
	border: 1px solid black !important;
	margin-right: 1em;
	background-color: rgb(239, 239, 239);
}

.pl-15{
	padding-left:15px;
}

.pt-30{
	padding-top: 3rem;
}

.pb-20{
	padding-bottom: 2rem;
}
/*Vista de productos*/
/*ehealth*/
.h-10{
	height: 10px;
}
.h-30{
	height: 30px;
}
.h-60{
	height: 60px;
}
.btn-custom-blue-ty:not([href]),
.btn-custom-blue-ty {
	color: var(--color-blue-tyto);
	background-color: white;
	border: 1px solid var(--color-blue-tyto);
}

.btn-custom-blue-ty:hover{
	background-color: var(--color-blue-tyto);
	color:white;
}

.btn-custom-blue {
	color: white !important;
	background-color: var(--color-dark-blue);
	border: 1px solid var(--color-dark-blue);
}
.btn-custom-blue:hover {
	background-color: white;
	border: 1px solid var(--color-dark-blue);
	color: var(--color-dark-blue) !important;
}

.btn-white-blue {
	color: var(--color-blue-tyto);
	background-color: #FFF;
	border: 1px solid #FFF;
}
.btn-white-blue:hover,
.btn-white-blue:active,
.btn-white-blue:focus {
	color: #FFF;
	background-color: var(--color-blue-tyto);
}

.btn-white-green {
	color: var(--color-green-hard);
	background-color: #FFF;
	border: 1px solid #FFF;
}
.btn-white-green:hover,
.btn-white-green:active,
.btn-white-green:focus {
	color: #FFF;
	background-color: var(--color-green-hard);
}

.btn-full-round{
    border-radius:50px;
}

.btn-blue {
	color: #FFF;
	background-color: var(--color-blue-tyto);
	border: 1px solid var(--color-blue-tyto);
}
.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
	color: var(--color-blue-tyto);
	background-color: #FFF;
}

.carousel-indicators li {
  background-color: white;
  border-radius: 50%;
  height: 10px !important;
  width: 10px !important;
  border: var(--color-gray-hard) solid 1px;
}

.carousel-indicators li.active {
  background-color: var(--color-gray-hard);
  border-radius: 50%;
  height: 10px !important;
  width: 10px !important;
}

#home-carousel-desktop .carousel-indicators,
#home-carousel-mobile .carousel-indicators {
	position: initial !important;
}

.social-circle{
	width: 30px;
	height: 30px;
	background: white;
	border-radius: 100%;
	display: inline-block;
	position: relative;
}

.social-circle svg{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}

.cart-image{
	width: 55px;
}

.logo-menu{
	width:80px;
}

.img-us{
	height: 400px !important;
	min-height: 400px !important;
}

.space-vis{
	background-color: #fbf5ed;
}

.cont-bottom{
	bottom: 5%;
}

.cont-bottom-mis{
	bottom: -10%;
}

.cont-vis{
	padding: 4% 10% 4% 15%;
}

.cont-vis p{
	font-size: 15px;
	padding-top: 5% ;
}

.cont-mis{
	padding: 4% 15% 4% 10%;
}

.cont-mis p{
	font-size: 15px;
	padding-top: 5% ;
}

.mb-10{
	margin-bottom: 10em;
}

.carrusel-item-custom{
	height: 200px !important;
	min-height: 200px !important;
}

#testimonials-carousel .carousel-indicators li.active {
    background-color: white;
    border-radius: 50%;
    height: 15px !important;
    width: 15px !important;
    border-color: white;
}

#testimonials-carousel .carousel-indicators li {
	background-color: transparent;
	border-radius: 50%;
	height: 15px !important;
	width: 15px !important;
	border: white solid 1px;
	opacity: 1 !important;
}
.about-testimonials-section {
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
}

/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {}

/* 1600 x 900*/
@media( max-width: 1600px ) {}

@media( max-width: 1515px ) {
	.chat-section { right: 15px; }
	.contact-newsletter-section,
	/*.reconocimientos-container { padding-bottom: 100px !important; }
	.contact-container .contact-bg-container { padding-bottom: 93px !important; }*/
}
/* 1440 x 900 */
@media( max-width: 1440px ) {}

/* 1280 x 800 */
@media( max-width: 1367px ) {
	.comilla-open, .comilla-close { width: 60px; }
	.comilla-open { left: 1rem; }
	.comilla-close { right: 1rem; bottom: -60px; }
}
@media( max-width: 1280px ) {
	.about-us-img { width: 500px; left: 5%; }
	.arrow-banner { width: 50px; right: -25px; }
}

/* 990 x 1000 */
@media( max-width: 990px ) {
	.comillas-sup, .comillas-inf { width: 100px; }
	.comillas-sup { top:-80px; }
	.comillas-inf { bottom:-80px; }
	.newsletter-pleca-container { margin-top: -70px; }
	.nav-link { padding-bottom: 0; }
	.rombo > svg { width: 0.6em !important; }
	.bg-contact { height: 400px; }
	.about-us-img { width: 350px; left: 1rem; }
	.arrow-banner { width: 40px; right: -20px; }
}

/* 767 x 414 */
@media( max-width: 767px ) {
	.navbar-brand img { width: 150px; }
	#home-carousel.full-carousel .carousel-item {
		height: 400px;
		min-height: 400px;
	}
	.comillas-sup, .comillas-inf { width: 80px; }
	.newsletter-container { height: auto !important; }
	.navbar * { font-size: initial; }
	.newsletter-pleca-container { background-color: #1aa5b3; }
	.newsletter-pleca-container { margin-top: 0; }
	.bg-tytocare-video { height: 300px; min-height: 300px; }
	#tytocare-products-carousel .carousel-control-prev,
	#tytocare-products-carousel .carousel-control-next { width: 30px; }
	.contact-container { margin-top: -50px; }
	#tytocare-pro-carousel.full-carousel .carousel-item { height: 500px; min-height: 500px; }
	.p-absolute.cont-bottom,
	.p-absolute.cont-bottom-mis { position: relative; }
	.mb-10 { margin-bottom: 1em; }
	.testimonials-container { background-color: var(--color-water-blue); padding-bottom: 93px !important; }
	.green-icon { width: 80px; }
	.bg-contact { height: 300px; }
	.phones-container { background-color: var(--color-water-blue); }
	.phones-container .text-white-mobile { color: #FFF; }
	.forgot-pass-container { height: 600px; }
	.btn-register { font-size: 20px; }
	.thanks-message-container { margin-top: -66px; }
	.thanks-message-container .h1 { font-size: 1.65rem; margin-bottom: 30px !important; }
	.thanks-message-container .h3 { font-size: 15px; }
	.cart-item-extra-actions { width: 100%; }
	.cart-label-qty-select { width: 100% !important; display: block !important; }
	.cart-qty-select { width: 100% !important; display: block !important; }
	.comilla-title { font-size: 18px; }
	.comilla-open { left: 15px; }
	.comilla-close { right: 15px; }
	.comilla-open, .comilla-close {
		width: 50px;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	#home-carousel .carousel-indicators { display: none; }
	#mision { margin-top: 15px; }
}

/* 576 x 320 */
@media( max-width: 576px ) {
	.navbar-brand img { width: 120px; }
	#home-carousel.full-carousel .carousel-item { height: 300px; min-height: 300px; }
	.comillas-sup, .comillas-inf {
		width: 30px;
		top: 50%;
		transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
	}
	.comillas-sup { left: 15px; }
	.comillas-inf { right: 15px; }
	#tytocare-pro-carousel.full-carousel .carousel-item { height: 400px; min-height: 400px; }
	.img-us{
		height: 300px !important;
		min-height: 300px !important;
	}
	.bg-tytocare-video { height: auto; min-height: auto; }
	.green-icon { width: 50px; }

	.phone-item {
		width: 250px !important;
		max-width: 100% !important;
		height: 250px !important;
	}
	.bg-contact { height: 200px; }
	.forgot-pass-container { height: 400px; }
	.btn-register { width: 100%; font-size: 17px; }
	.img-cart {
		height: auto !important;
		min-height: auto !important;
		max-height: auto !important;
	}
	.arrow-banner { width: 30px; }
}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/