body {
  background-color: #fff;
}

.bodyHome {
  background-color: #fff;
}

h2 {
  text-transform: none;
}

.overlay-gradient {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.3),
    rgba(40, 40, 40, 0.4)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.3), rgba(40, 40, 40, 0.4));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.3),
    rgba(40, 40, 40, 0.4)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.3), rgba(40, 40, 40, 0.4));
}

.overlay-gradient2 {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.8),
    rgba(30, 30, 30, 0.8)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.8), rgba(30, 30, 30, 0.8));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.8),
    rgba(30, 30, 30, 0.8)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.8), rgba(30, 30, 30, 0.8));
}

.overlay-gradient3 {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.6),
    rgba(30, 30, 30, 0.5)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.6), rgba(30, 30, 30, 0.5));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.6),
    rgba(30, 30, 30, 0.5)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.6), rgba(30, 30, 30, 0.5));
}

.overlay-gradient.homeTop {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.6),
    rgba(40, 40, 40, 0.5)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.6), rgba(40, 40, 40, 0.5));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.6),
    rgba(40, 40, 40, 0.5)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.6), rgba(40, 40, 40, 0.5));
}

.plan-price.overlay-gradient {
  background: -webkit-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: -o-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: -moz-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
}

.top-bar.slidedown {
  background-color: #4d9d88;
  background-color: rgba(77, 157, 136, 0.9);
  transition: all ease 0.3s;
}

.top-bar.slidedown:hover {
  background-color: #4d9d88;
}

.text-transform-none {
  text-transform: none !important;
}

header {
  background-attachment: fixed;
  background-position: 50% 65%;
}

header .top-bar {
  margin-bottom: 30px;
}

header #intro.private-header .top-bar {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 999;
  margin: 0;
  background-color: #4d9d88;
  height: 75px;
}

.btn-primary {
  background: -webkit-linear-gradient(#3a7366, #1e574a);
  background: -o-linear-gradient(#3a7366, #1e574a);
  background: -moz-linear-gradient(#3a7366, #1e574a);
  background: linear-gradient(#3a7366, #1e574a);
  border: 0;
}

.btn-primary {
  background: #4d9d88 none repeat scroll 0 0;
  transition: all ease 0.3s;
  border: 0 none;
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.3px;
  padding: 8px 20px;
  text-transform: uppercase;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2);
}

.btn-relative {
  position: relative;
}

.btn-loading-focus {
  background-color: #4d876f !important;
  border-color: #599869 !important;
}

.btn-default {
  background-color: #75af97;
  border-color: #7cb28a;
  color: #fff;
}

.btn-default-white {
  background-color: #fff;
  border-color: #fff;
  color: #333;
}

.btn-lg-kuicco {
  font-size: 22px;
  padding: 15px 30px;
}

.btn-beta-lg {
  font-size: 22px;
  padding: 20px 50px;
}

.btn-kuicco-pestana {
  font-size: 17px;
  border-radius: 0 0 10px 10px;
  padding: 13px;
}

.btn-default.active,
.btn-default.focus,
.btn-default:active,
.btn-default:active:focus,
.btn-default:active:hover,
.btn-default:focus,
.btn-default:hover,
.open > .dropdown-toggle.btn-default {
  background-color: #629c84;
  border-color: #599869;
  color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:active:focus,
.btn-primary:active:hover {
  background: #225b4e;
  outline: 0 !important;
}

button {
  outline: 0 !important;
}

.btn-default.disabled.focus,
.btn-default.disabled:focus,
.btn-default.disabled:hover,
.btn-default.focus[disabled],
.btn-default[disabled]:focus,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default.focus,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:hover {
  background-color: #75af97;
}

.btnNavNewMoment.btn-primary:focus {
  border-color: transparent;
}

.mt-110 {
  margin-top: 110px;
}

.mt-40 {
  margin-top: 40px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-10 {
  margin-top: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}
.mb-25 {
  margin-bottom: 25px;
}

.mb-5 {
  margin-bottom: 5px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.ml-20 {
  margin-left: 20px;
}

.fs-18 {
  font-size: 18px;
}

.pt-pb-50 {
  padding: 50px 0;
}

.pt-0 {
  padding-top: 0;
}

.pb-0 {
  padding-bottom: 0;
}

.bt-0 {
  border-top: 0;
}

.display-none {
  display: none;
}

.display-block {
  display: block;
}

.display-inline-block {
  display: inline-block;
}

.wrapMessageErrorHome {
  margin-bottom: 7px;
  margin-top: -10px;
  min-height: 20px;
}

.wrapMessageErrorHome > .wrapMessageError {
  display: none;
  margin-bottom: 0;
}

.wrapMessageErrorHome > .wrapMessageError.wrapMessageErrorHomeServer {
  display: block;
}

.wrapMessageError {
  background: transparent !important;
  border: 0 none;
  border-radius: 50px;
  color: #b85369;
  font-weight: bold;
  letter-spacing: 0.5px;
  padding: 0;
  margin-bottom: 10px;
}

.overlay-gradient .wrapMessageError,
.overlay-gradient3 .wrapMessageError {
  color: #fc97ad;
  background: #fffddd !important;
  padding: 10px;
}
.overlay-gradient .contentAlert .wrapMessageError {
  background: transparent !important;
}
.overlay-gradient .contentAlert .wrapMessageError > p {
  color: #b85369;
  display: inline-block;
}

.no-padding {
  padding: 0;
}

.input-error {
  border-color: #de798f !important;
  background-color: #ffd4ea;
}

.input-error-border {
  border: 1px solid #de798f !important;
}

.input-text-error {
  color: #de798f !important;
}

.checkbox label {
  transition: all ease 0.3s;
}

.error-label-check {
  color: #b75268 !important;
  font-size: 16px;
}

.overlay-gradient .error-label-check {
  background: #fff;
  padding: 10px 35px !important;
  border-radius: 3px;
}

.error-label-check input[type="checkbox"] {
  outline: 1px solid #b75268 !important;
}

.error-label-check a {
  color: #7a152b !important;
}

.linkWhite {
  color: #fff;
}

.linkWhite:hover {
  color: #1e574a;
}

.linkPrimary {
  color: #ffdcb1 !important;
}

.linkPrimary:hover {
  color: #fff !important;
}

.icon-wrap .icon,
.feature-block i,
.feature-block h3 {
  color: #68a58d;
  border-color: #68a58d;
}

.icon-wrap:hover .icon,
.feature-block:hover i {
  background-color: #68a58d;
}

#loader,
#loader::before,
#loader::after {
  border-top-color: #68a58d;
}

.btnIniciarSesion {
  color: #ebf2f2;
  position: absolute;
  right: 6px;
  top: -21px;
}

.slidedown .btnIniciarSesion {
  left: 127px;
  text-align: left;
  top: 19px;
}

.slidedown .navbar-toggle {
  margin-top: 4px;
  transition: all ease 0.3s;
}

.btnCerrarSesion {
  color: #ebf2f2;
  position: absolute;
  left: 162px;
  top: 31px;
}

.btnCerrarSesion:hover,
.btnCerrarSesion:focus,
.btnIniciarSesion:hover,
.btnIniciarSesion:focus {
  color: #fff;
  text-decoration: none;
}

a {
  color: #3a7366;
}

.overlay-gradient a,
.overlay-gradient3 a {
  color: #a1dacd;
}

.overlay-gradient a:hover,
.overlay-gradient3 a:hover {
  color: #c4fdf0;
}

.overlay-gradient a.btn-primary,
.overlay-gradient a.btn-primary:hover {
  color: #fff;
}

.wrapErrorPage {
  min-height: 350px;
}

/*iframe[src^="https://apis.google.com"] {
  display: visible;
}*/

iframe[src^="https://apis.google.com/u/0/_/widget/oauthflow/toast"] {
  display: none;
}

textarea {
  resize: vertical;
}

.ancla-home {
  position: relative;
  top: 20px;
}

.ancla-compra-kuicco {
  position: relative;
  top: -20px;
  display: block;
}

.datepicker.datepicker-dropdown {
  padding: 10px;
}

/******************footer*******************/

footer {
  background-color: #3a7366;
}

footer p.copyright {
  border-top: 1px solid #3a7366;
  padding-top: 15px;
  color: #c1c1c1;
  font-size: 14px;
}

footer p a,
.list-links-footer > li a {
  color: #ddd;
}

footer p a:hover,
footer p a:focus,
.list-links-footer > li a:hover,
.list-links-footer > li a:focus {
  color: #fff;
}

.scrollup {
  border: 0;
  box-shadow: 0 0 1px #1d5649;
  color: #3a7366;
}

.scrollup:hover {
  background-color: #88c2ab;
}

.topFooter {
  margin: 60px 0 0;
}

.list-links-footer {
  padding: 0;
  margin: 0;
  text-align: center;
}

.list-links-footer > li {
  display: inline-block;
  font-size: 16px;
  margin: 0;
  position: relative;
}

.list-links-footer > li a {
  display: block;
  margin: 0 20px;
  padding: 6px;
}

.list-links-footer > li.pointSeparator::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 3px;
  left: -5px;
  position: absolute;
  top: 18px;
  width: 3px;
}

.logoFooter {
  width: 200px;
  margin: 30px auto;
}

footer .socials {
  margin: 40px 0 60px;
}

footer .socials a {
  border-color: #fff;
}

footer .socials a:hover {
  border-color: transparent;
}

footer .wrapSelectLanguage button {
  background-color: #5f9386;
}

footer .wrapSelectLanguage button > i {
  margin-right: 3px;
}

footer .wrapSelectLanguage button:hover {
  background-color: #5f9386;
}

footer .wrapSelectLanguage button:focus {
  background-color: #5f9386;
}

footer .wrapSelectLanguage .well {
  margin-bottom: 0;
  margin-top: 15px;
}

footer .wrapSelectLanguage a {
  display: inline-block;
  padding: 5px;
  text-decoration: underline;
}

footer .wrapSelectLanguage a:hover {
  color: #164f42;
}

footer .wrapSelectLanguage {
  margin-bottom: 40px;
}

footer .wrapLogosEntidades img {
  width: 200px;
  display: inline-block;
  margin: 0 30px 30px;
}

.wrapLogosEntidades.small-version img {
  width: 200px;
  margin-top: 20px;
}

/*******************************************/

.owl-controls {
  opacity: 1;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  background-color: #68a58d;
}

.owl-theme .owl-controls .owl-buttons div {
  color: #ccc;
  border-color: #fff;
}

.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  background-color: #68a58d;
}

.testis img {
  border: none;
}

.plan {
  border-color: #bec9be;
  border-radius: 10px;
  transition: all 0.3s ease 0s;
  background-color: #fff;
  color: #868686;
}

.plan:hover {
  box-shadow: none;
}

.plan li.plan-name {
  color: #4e8275;
  font-weight: 300;
}

.plan li.plan-price {
  padding: 20px 0;
}

.plan li.plan-price > p {
  color: #fff;
  margin: 0;
  font-size: 13px;
  line-height: 7px;
}

.plan li {
  padding: 10px 0;
  font-size: 14px;
}

.plan li:last-child {
  border-bottom: 0;
}

#pricing2 .plan.planSelect {
  transform: scale(1.06);
  background-color: #eeffff;
}

#pricing2 .plan .btn {
  font-size: 16px;
  margin: 10px 0;
}

a:focus,
input[type="file"]:focus,
input[type="checkbox"]:focus,
input[type="radio"]:focus,
.btn-link:focus,
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus {
  outline: 0 !important;
  text-decoration: none;
}

.modal-content {
  border: 1px solid #fff;
  box-shadow: none;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0px 1000px #fff inset !important;
}

.alert-success {
  color: #4f8c74 !important;
  background-color: #fff;
}

.btn-primary.disabled,
.btn-primary[disabled] {
  background: #5f9386 none repeat scroll 0 0;
}

#confirmDeleteModal {
  z-index: 1051;
  background-color: rgba(40, 40, 40, 0.5);
}

#confirmDeleteModal .modal-body {
  padding-top: 0;
}

#confirmDeleteModal .modal-footer {
  padding: 10px;
}

/***********************Main Menu*****************************/

.nav {
  padding-top: 25px;
}

.nav .download-btn a {
  color: #fff;
  font-weight: inherit;
  transition: all ease 0.3s;
  border-radius: 5px;
  background-color: #4d9d88;
  margin: 0 0 0 5px;
  padding: 6px 15px;
  border-color: #479785;
}

.nav .download-btn a:hover {
  background-color: #487c6f;
  border-color: transparent;
  text-shadow: none;
}

.top-bar.slidedown .nav .download-btn a {
  background-color: #fff;
  color: #4d9d88;
}

.top-bar.slidedown .nav .download-btn a:hover {
  background-color: #487c6f;
  color: #fff;
}

.nav li {
  position: relative;
}

.nav li.pointSeparator::after {
  background: #fff none repeat scroll 0 0;
  border-radius: 100%;
  content: "";
  height: 3px;
  left: -5px;
  position: absolute;
  top: 18px;
  width: 3px;
  opacity: 0.5;
}

.nav li.lineSeparator::after {
  background: #fff none repeat scroll 0 0;
  content: "";
  height: 28px;
  left: -3px;
  position: absolute;
  top: 6px;
  width: 2px;
  opacity: 0.5;
}

.nav li a:hover,
.nav li a.active,
.nav li:first-child a.active:hover,
.nav li:first-child a.active {
  color: #fff;
  border-radius: 5px;
  background-color: transparent;
  border-color: #fff;
  text-shadow: none;
}

.nav li .mvl-post-button {
  background: transparent;
  border: 0 none;
  color: #fff;
  display: block;
  font-weight: 400;
  padding: 10px 0;
  width: 100%;
}

.nav li .mvl-post-button:hover {
  background-color: #73aa95;
}

.nav li.wrap-main-post-button {
  margin: 0 2px 0 8px;
}

.nav li .main-post-button {
  display: inline-block;
  font-size: 16px;
  font-weight: 300;
  padding: 6px 10px;
  border: 1px solid transparent;
}

.nav li .main-post-button:hover {
  background-color: transparent;
  border-color: #fff;
  border-radius: 5px;
  color: #fff;
  text-shadow: none;
}

.nav li a,
.nav li:first-child a.active {
  font-weight: 300;
  margin-right: 10px;
  margin-left: 10px;
  font-size: 16px;
  text-shadow: none;
  border: none;
}

.private-header .nav > nav > ul > li > a {
  margin-right: 2px;
}

.private-header .nav li a > i {
  margin-right: 2px;
}

.private-header .nav li a > img {
  left: 2px;
  position: relative;
  top: -2px;
  width: 18px;
}

.top-bar.slidedown .btnCerrarSesion {
  top: 21px;
}

.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
  background-color: #96ceb8;
}

.navbar-default {
  background-color: transparent;
  border: 0;
}

.navbar {
  margin-bottom: 0;
  min-height: auto;
}

.form-control:focus {
  border-color: #bbb;
  box-shadow: none;
}

.btnNewMomentMobile {
  position: absolute;
  right: 150px;
  top: 16px;
  z-index: 900;
}

.btnNavNewMoment {
  font-size: 15px !important;
  vertical-align: initial;
  letter-spacing: 0;
  border-color: #fff !important;
}

.btnNavNewMoment > img.icon-new-moment,
.btnNewMomentMobile > img.icon-new-moment {
  margin-right: 4px;
  top: -3px !important;
  width: auto !important;
  position: relative;
}

.btnNavNewMoment:hover {
  border-color: transparent !important;
  background: #5f9386 !important;
}

.btnNavNewMoment:focus {
  color: #fff;
}

.dropdown-menu {
  border-radius: 0;
  border-top: 0 none;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.137);
  margin-top: 17px;
  padding: 0;
}

.slidedown .dropdown-menu {
  margin-top: 19px;
}

.dropdown-menu li {
  display: block;
}

.dropdown-menu .btnCloseSessionDropdown {
  background-color: #e7f2e7;
  color: #a3a3a3;
  display: block;
  margin: 0;
  padding: 10px 50px;
  text-align: center;
  text-shadow: none;
}

.dropdown-menu .divider {
  margin: 0;
}

.dropdown-menu .wrapDatosUserDropdown {
  font-size: 13px;
  cursor: default;
}

.dropdown-menu .wrapDatosUserDropdown .wrap-user-data {
  padding: 9px 15px;
  min-width: 300px;
}

.dropdown-menu .wrapDatosUserDropdown .wrap-user-data > strong {
  display: block;
}

.dropdown-menu .wrapDatosUserDropdown .wrap-empresa-data {
  width: 400px;
  background-color: #1f5145;
  color: #fff;
  padding: 10px 10px 1px;
  padding: 12px 15px;
}

.dropdown-menu .wrapDatosUserDropdown .wrap-empresa-data h4 {
  margin-bottom: 3px;
  font-size: 20px;
  font-weight: 400;
}

.dropdown-menu .wrapDatosUserDropdown .wrap-empresa-data p {
  margin: 0;
  color: #ccc;
  font-size: 15px;
}

.dropdown-menu > li > a,
.dropdown-menu > li button {
  color: #a3a3a3;
  display: block;
  margin: 0;
  padding: 18px 25px;
  text-align: center;
  text-shadow: none;
}

.dropdown-menu > li button {
  background-color: #fff;
  border: 0;
  font-weight: 400;
  display: block;
  width: 100%;
  font-size: 16px;
}

.dropdown-menu > li button > i {
  font-size: 17px;
  margin-right: 3px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li button:hover {
  color: #82b9a3;
  text-shadow: none;
}

.nav .open > a,
.nav .open > a:focus,
.nav .open > a:hover {
  background-color: transparent;
  border-color: #fff;
  border-radius: 5px;
}

.swiper-container-horizontal > .swiper-pagination {
  bottom: auto;
  left: 20%;
  position: relative;
  top: 20px;
  width: 60%;
}

.swiper-container-horizontal > .swiper-pagination .swiper-pagination-bullet {
  height: 9px;
  margin: 0 6px 7px;
  width: 9px;
}

#intro.public-header > .wrapTopBar {
  min-height: 104px;
}

#intro.public-header {
  height: 100%;
  padding-bottom: 80px;
}

#intro.public-header.homeTop,
.download.homeTop {
  padding: 20px 0 0;
}

.download.homeTop {
  min-height: 500px;
}

#loader-wrapper {
  background-color: transparent;
}

#loader-wrapper.semi {
  /* background-color: #e6eae6;
   background-color: rgba(230,234,230,0.9);*/
}

/*******************Prvate Header******************************/

#intro.private-header {
  height: 75px;
  padding-top: 0;
  background-color: #88c2ab;
}

#intro.private-header .logoPrivate {
  padding-top: 0px;
}

#intro.private-header .logoPrivate img {
  width: 200px;
  transition: all ease 0.3s;
  margin-top: 10px;
}

#intro.private-header .nav {
  padding-top: 20px;
  transition: all ease 0.3s;
}

#intro.private-header .slidedown .nav {
  padding-top: 18px;
}

#intro.private-header .slidedown .logoPrivate img {
  width: 200px;
}

/******************************Home****************************/

.top-bar.slidedown .logo a {
  font-size: 26px;
}

.bodyHome .top-bar.slidedown .logo {
  margin-top: 5px;
}

.top-bar.slidedown .logoPrivate a {
  font-size: 28px;
}

.wrapTopBar .logo a img {
  width: 200px;
  transition: all ease 0.3s;
  -webkit-transition: all ease 0.3s;
  margin-top: 8px;
}

.bodyHomeSchool .wrapTopBar .logo a img {
  width: 250px;
}

.top-bar.slidedown .logo a > img {
  width: 150px;
}

.headline.wrapHomeTopText {
  text-align: left;
  margin: 17px 0 108px;
}

.headline.wrapHomeTopText::after {
  display: none;
}

.headline.no-separator::after,
.heading.no-separator::after {
  display: none;
}

.headline.no-separator {
  margin-bottom: 40px !important;
}

.headline.wrapHomeTopText p {
  padding: 0;
}

.headline.wrapHomeTopText h1 {
  text-transform: none;
  font-size: 50px;
  font-weight: 600;
  margin-bottom: 40px;
}

.headline.wrapHomeTopText .btn-signup {
  color: #fff;
  font-size: 22px;
  transition: all ease 0.1s;
  margin-bottom: 30px;
}

.headline.wrapHomeTopText .btn-get-gift {
  font-size: 17px;
  margin: 3px 10px;
  color: #333;
  padding: 22px 6%;
}

.headline.wrapHomeTopText .btn-get-gift:hover {
  background-color: #f3f3b4;
}

.wrapGlobalRace {
  background-color: #fff;
  padding: 20px;
}

.wrapGlobalRace img {
  position: static;
  display: block !important;
}

.wrapGlobalRace p {
  color: #666;
  margin-top: 20px;
  font-size: 15px;
}

.wrapGlobalRace a {
  padding: 20px 10%;
}

.headline h1 {
  font-weight: 300;
  font-size: 39px;
  margin-top: 0;
}

.h1-landing {
  font-weight: 300;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.headline h3 {
  color: #585451;
  font-weight: normal;
  font-size: 21px;
  margin-top: 15px;
}

.wrapVideoHome {
  background: #ffffff none repeat scroll 0 0;
  margin-top: 0px;
  overflow: auto;
}

.wrapVideoHome > div {
  width: 646px;
  margin: auto;
}

.feature .heading::after {
  background: #999;
}

.feature .last-feature-home p {
  margin-bottom: 100px;
}

.download .first {
  bottom: -540px;
}

.download .second {
  bottom: -342px;
}

#intro .swiper-container {
  height: 500px;
}

#intro .swiper-container img {
  width: 260px;
}

.heading-left {
  width: 100%;
  text-align: left;
}

#whats_kuicco .heading {
  margin-bottom: 0;
}

#whats_kuicco .heading::after {
  background: none;
}

#whats_kuicco .heading .subheadline {
  margin-bottom: 40px;
}

#whats_kuicco .tooltip-right {
  right: -83px;
  top: 285px;
}

#whats_kuicco .title-bottom {
  color: #555;
  font-weight: 300;
  margin: 50px 0 0;
}

#whats_kuicco .link-descubre {
  color: #528b74;
  transition: all ease 0.3s;
  display: block;
}

#whats_kuicco .link-descubre p {
  color: #528b74;
  font-size: 20px;
  margin-bottom: 0;
  margin-top: 40px;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

#whats_kuicco .link-descubre i {
  position: relative;
  transition: all ease 0.3s;
  top: 0;
  font-size: 25px;
}

#whats_kuicco .link-descubre:hover i {
  top: -5px;
}

#whats_kuicco .link-descubre:hover,
#whats_kuicco .link-descubre:hover p {
  color: #39725b;
}

#features h3 {
  color: #000;
  font-size: 25px;
  font-weight: 400;
  margin-top: 50px;
  font-size: 36px;
}

#sectionSecurity img {
  position: relative;
}

#sectionSecurity .pricing {
  text-align: left;
}

#sectionSecurity h2 {
  margin-top: 100px;
}

section#contact {
  background: #fff;
}

#get-started .get-started,
#features .feature,
#pricing .pricing,
#download .download,
#contact .contact {
  padding-top: 100px;
}

#bodyPremium .pricing {
  padding-top: 0;
}

.plan-price span {
  font-size: 25px;
}

.feature.darki {
  background-color: #97ceb9;
}

.swiper-slide {
  height: auto;
}

#intro > .wrapTopBar {
  height: 103px;
}

#newsletter,
#regala-kuicco,
.background-fixed {
  background-attachment: fixed;
}

#regala-kuicco .pricing {
  padding: 30px 0;
}

#regala-kuicco h2 {
  margin-top: 138px;
}

.contact input:focus {
  border-color: #bbb;
}

.newsletter .submit {
  background-color: #3c7467;
  border-color: #3c7467;
  float: left;
  left: 50%;
}

.newsletter .submit:hover {
  color: #fff;
  background-color: #467f72;
  border-color: #467f72;
}

.newsletter #share-email,
.newsletter .email-input-large {
  border-color: #aaa;
  border-radius: 5px 0 0 5px;
  box-shadow: none;
}

.socials a {
  background-color: #3a7366;
  border-color: #3a7366;
}

.socials a:hover {
  color: #3c7467;
  border-color: #3c7467;
}

.newsletter .socials li {
  margin-left: 15px;
  margin-right: 15px;
  width: auto;
}

.newsletter .socials a {
  background-color: transparent;
  border-color: transparent;
  font-size: 32px;
  width: auto;
}

.newsletter .subheadline {
  margin-bottom: 40px;
}

.download.homeTop .feria {
  margin: auto;
  position: relative;
  top: 30px;
  width: 550px;
}

.download.homeTop .first,
.download.homeTop .second {
  transition: all ease 0.5s;
}

.download.homeTop .first:hover {
  bottom: -450px;
}

.download.homeTop .second:hover {
  bottom: -185px;
}

.homeTopDownloadApp > h3 {
  margin: 25px 10px;
  font-size: 20px;
}

.homeTopDownloadApp .dw-btns {
  margin-bottom: 15px;
}

.dw-btns a {
  background: transparent none repeat scroll 0 0;
  border: 0 none;
  height: auto;
  padding: 0;
  width: auto;
}

.dw-btns a > img {
  position: static;
}

.featureShareLife.feature .third {
  left: 44px;
}

#wrapSignMvl .subtitle {
  font-size: 18px;
}

#wrapSignMvl .btn.btn-link {
  color: #fff;
  display: block;
  font-size: 16px;
  margin-top: 5px;
}

.feature-block h3 {
  font-size: 23px;
}

.gallery a {
  background: #96ceb8;
}

#btnRegaloKuiccoHome {
  background-color: #fff;
  color: #5f9386;
  font-size: 35px;
  font-weight: 300;
  padding: 20px 40px;
  text-transform: uppercase;
  transition: all ease 0.3s;
}

#btnRegaloKuiccoHome:hover {
  background-color: #5f9386;
  color: #fff;
}

#btnRegaloKuiccoHome:active,
#btnRegaloKuiccoHome:focus {
  background-color: #3a7366;
}

#testi-carousel .owl-buttons > div {
  margin-top: 0 !important;
}

.feature .first {
  height: 469px;
  left: 262px;
  top: -92px;
  z-index: 2;
}

.feature .second {
  height: 413px;
  left: 155px;
  top: -56px;
  z-index: 1;
}

.feature .third {
  height: 359px;
  left: 44px;
  top: -39px;
  z-index: 2;
}

.feature .fourth {
  height: 413px;
  left: 237px;
  top: -61px;
  z-index: 1;
}

.comparte-kuicco {
  padding-top: 80px;
}

.comparte-kuicco .feature-block {
  text-align: center;
  padding: 0 5px 0 5px;
}

.comparte-kuicco .feature-block > div {
  margin-bottom: 15px;
}

.comparte-kuicco .feature-block .fa {
  color: #fff;
  border-color: #fff;
  position: static;
}

.comparte-kuicco .feature-block h3 {
  color: #fff;
  font-weight: 400;
  position: static;
}

.comparte-kuicco p {
  color: #ccc;
}

.comparte-kuicco .comparte-header h2 {
  color: #fff;
  font-weight: 400;
}

/******Landing Beta*******/

#formSignBeta .subscribe-message {
  position: static;
  margin-left: auto;
  margin-top: 10px;
}

/*************************/

#pricing2 .text_clarification {
  font-size: 20px;
  margin-top: 20px;
  margin-bottom: 50px;
}

#bodyAyuda ul {
  list-style: outside;
  padding: 0 0 1px 30px;
  margin-bottom: 15px;
  margin-top: 15px;
}

.section-hide {
  display: none;
}

.know-more-section h4.subtitle {
  margin-top: 30px;
  margin-bottom: 30px;
}

/***************************************************************/

/************************Sign Up***********************************/

#bodySignUp h1 {
  margin-top: 10px;
}

#bodySignUp h2 {
  color: #eee;
  font-size: 27px;
  margin-bottom: 25px;
  text-align: center;
  font-weight: 400;
}

#bodySignUp .dw-btns {
  margin-bottom: 20px;
}

/************************Login*************************************/

#bodyLogin h1 {
  margin-top: 10px;
}

#bodyLogin .headline,
#bodyLogin .headline p {
  margin-bottom: 20px;
}

#formLogin .form-control,
#formSignup .form-control,
.form-home-kuicco .form-control {
  border-radius: 5px;
  height: 43px;
  border: 0;
  border: 1px solid transparent;
  transition: all ease 0.3s;
  box-shadow: none;
  font-size: 15px;
}

#formSignup #apellidos3 {
  display: none;
}

.form-kuicco .form-control {
  border-radius: 5px;
  height: 43px;
  box-shadow: none;
  font-size: 15px;
}

#formSignup .form-group {
  margin-bottom: 10px;
}

#formLogin label {
  color: #ffdcb1;
  font-weight: 500;
}

#formLogin .checkbox label,
#formSignup .checkbox label,
.form-home-kuicco .checkbox label {
  color: #fafafa;
}

#formSignup .checkbox label,
.form-home-kuicco .checkbox label {
  font-size: 12px;
  padding: 0 5px;
  cursor: default;
  font-weight: 400;
}

#formSignup .checkbox,
.form-home-kuicco .checkbox {
  margin-bottom: 0;
}

#formSignup .wrapNameSingUp,
.form-home-kuicco .wrapNameSingUp {
  padding-right: 5px;
}

#formSignup .wrapApeSingUp,
.form-home-kuicco .wrapApeSingUp {
  padding-left: 5px;
}

#formLogin .btn-relative .mySpinPreview,
#formSignup .btn-relative .mySpinPreview,
#share-clock.btn-relative .mySpinPreview,
#share-clockIn.btn-relative .mySpinPreview {
  margin-top: 10px;
}

.form-home-kuicco .btn-primary {
  font-size: 16px;
  padding: 14px 20px;
}

.wrapBetaTopForm > h3 {
  color: #585451;
  font-size: 19px;
  font-weight: 400;
  margin-top: 0;
  text-transform: uppercase;
  line-height: 26px;
  margin-bottom: 8px;
}

.wrapBetaTopForm .link-info-beta:hover {
  color: #fff;
}

.wrapBetaTopForm > h3.title-mvl {
  font-size: 21px;
  text-transform: none;
}

.wrapBetaTopForm > p {
  color: #fff;
  font-size: 17px;
  line-height: 18px;
  margin-bottom: 15px;
}

.wrapBetaTopForm > p > strong {
  font-size: 17px;
  font-weight: 500;
}

/******************************************************************/

/**********************Page Mis Relojes****************************/

#misRelojesSection,
.page-kuicco-section {
  background-color: #eee;
}

#misRelojesSection img {
  position: relative;
}

#misRelojesSection .heading,
.page-kuicco-section .heading {
  margin-bottom: 10px;
}

#misRelojesSection .heading h2,
.page-kuicco-section .heading h2 {
  margin: 20px 0;
  text-transform: none;
}

#misRelojesSection .heading > p,
.page-kuicco-section .heading > p {
  margin: 15px 0 25px;
  font-size: 22px;
  font-weight: 100;
}

#misRelojesSection .download,
.page-kuicco-section .download {
  padding-top: 40px;
}

#misRelojesContent .wrapTiempo {
  margin-top: 10px;
}

#misRelojesContent .wrapTiempo span,
#misRelojesContent .wrapBirth span {
  background-color: #fcfcfa;
  padding: 3px;
  font-size: 22px;
  border-radius: 5px;
  display: block;
  box-shadow: 0 0 1px #aaa inset;
}

#misRelojesContent .wrapTiempo span {
  background-color: #88c2ab;
  color: #fff;
}

#misRelojesContent .wrapTiempo p,
#misRelojesContent .wrapBirth p {
  font-size: 11px;
  font-weight: bold;
  margin-top: 5px;
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 5px;
  letter-spacing: 0.5px;
}

#misRelojesContent .wrapRelojCanvas {
  width: 100%;
  height: 200px;
  margin: auto;
  position: relative;
  clear: both;
}

.circleEvento {
  position: absolute;
  width: 18px;
  height: 18px;
  background-color: #88c2ab;
  left: 48%;
  top: 5px;
  border-radius: 50px;
  cursor: default;
  transition: all ease 0.3s;
  text-align: center;
  color: #fff;
}

.circleEventoOn {
  width: 40px;
  height: 40px;
  margin-left: -15px;
}

.circleEventoOnBottom.circleEventoOn {
  margin-top: -15px;
}

.circleEvento > span {
  font-size: 17px;
  margin-top: 2px;
  display: inline-block;
}

.circleEvento > p {
  text-transform: uppercase;
  margin: -5px 0 0;
  font-size: 10px;
  color: #fff;
  line-height: normal;
}

#misRelojesContent h3.barra-title {
  color: #fff;
  font-weight: 100;
  margin: 12px 0 25px;
  padding: 5px 15px;
  text-align: left;
  background-color: #8cc8b0;
}

#misRelojesContent .wrapBirth {
  margin-bottom: 20px;
}

#misRelojesContent .wrapBirth p {
  font-size: 10px;
}

#misRelojesContent .wrapBirth span {
  color: #555;
  font-size: 18px;
}

#misRelojesContent .wrapBirth > div {
  padding: 0 5px;
}

#misRelojesContent .wrapBirth h4 {
  margin-bottom: 8px;
  color: #ddd;
}

#misRelojesContent .wrapBirth h4 > p {
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0.5px;
  margin: 0;
  text-transform: lowercase;
  color: #aed0e5;
}

#misRelojesContent .wrapBirth .fa-birthday-cake {
  font-size: 50px;
  margin-top: 8px;
  color: #fff;
}

#newKuiccoClock .wrapReloj {
  height: 474px;
  border: 1px dashed #9eaba2;
  cursor: pointer;
  opacity: 0.75;
  box-shadow: none;
  color: #3a7366;
}

#newKuiccoClock .wrapReloj:hover {
  opacity: 0.9;
}

#newKuiccoClock .wrapReloj > h3 {
  color: #666;
  font-size: 25px;
  font-weight: 100;
  text-shadow: none;
}

#newKuiccoClock #wrapPlusClock {
  color: #fff;
  font-size: 120px;
  padding: 14px 0 11px;
  text-align: center;
  margin-top: 82px;
}

.btn-plus-circle {
  color: #fff;
  font-size: 59px;
  padding: 12px 0 10px;
  text-align: center;
  background-color: #8bc8b1;
  border-radius: 55px;
  width: 107px;
  margin: 60% auto;
  display: block;
  box-shadow: 0 0 4px #3a7366 inset;
  opacity: 1;
  height: 107px;
  cursor: pointer;
  opacity: 0.7;
  transition: all ease 0.3s;
}

.btn-plus-circle:hover {
  opacity: 1;
}

#newKuiccoClock #wrapPlusClock i {
  transform: scale(0.8);
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

/******************************************************************/

.modal-header {
  border-bottom: none;
}

#newKuicco {
  padding-right: 0 !important;
}

#newKuicco .modal-header h4 {
  margin-top: 0px;
}

#newKuicco .wrapInfoNewClock {
  background: #fff none repeat scroll 0 0;
  border-top: 1px solid #d7d7d7;
  bottom: 0;
  left: 0;
  padding: 6px 20px 14px;
  position: absolute;
}

#newKuicco .infoNewClock {
  font-size: 18px;
  margin: 8px 0 0;
}

#newKuicco .infoNewClock > strong {
  color: #70ac94;
}

#editClock.editClockMyClocks .modal-dialog,
#editClockIn .modal-dialog,
#newKuicco .modal-dialog,
.modal-small-kuicco .modal-dialog {
  width: 550px;
}

#editClock .modal-content,
#editClockIn .modal-content,
#newKuicco .modal-content,
.modal-small-kuicco .modal-content {
  background-color: #ededed;
}

#editClock .modal-title,
#editClockIn .modal-title,
#newKuicco .modal-title,
.modal-small-kuicco .modal-title,
.modalKuicco .modal-title {
  color: #777;
  font-weight: 100;
  font-size: 30px;
  text-align: left;
}

.modal-subtitle {
  color: #5f9386;
  font-weight: 300;
  font-size: 17px;
  margin-top: 10px;
  line-height: 25px;
}

#newKuicco .modal-header {
  padding-top: 10px;
}

#editClockIn .modal-title {
  width: 73%;
}

#editClock.editClockMyClocks .modal-title,
.modal-small-kuicco .modal-title {
  width: 100%;
}

#editClock #btnSaveClock,
#editClockIn #btnSaveClockInEdit,
#newKuicco #btnNewClock {
  display: block;
  width: 100%;
  margin: 20px 0 0;
}

#editClock .modal-body,
#editClockIn .modal-body,
#newKuicco .modal-body,
.modalKuicco .modal-body,
.modal-small-kuicco .modal-body {
  overflow: auto;
  text-align: left;
}

#newKuicco .modal-body {
  padding-bottom: 25px;
}

#newKuicco .modal-body.conInfo {
  padding-bottom: 83px;
}

#editClock .dato-reloj,
#editClockIn .dato-reloj,
#newKuicco .dato-reloj {
  border-bottom: 1px solid #aaa;
  color: #777;
  font-size: 17px;
  margin-top: 14px;
  margin-bottom: 12px;
  padding-bottom: 2px;
  position: relative;
}

#editClock .dato-reloj i,
#editClockIn .dato-reloj i,
#newKuicco .dato-reloj i {
  margin: 3px 10px;
  transition: all ease 0.3s;
  position: absolute;
  right: 0;
  top: 5px;
  z-index: 1;
}

#editClock .dato-reloj:hover i,
#editClockIn .dato-reloj:hover i,
#newKuicco .dato-reloj:hover i {
  color: #444;
}

#editClock .dato-reloj > span {
  margin-left: 7px;
}

.datepicker .active.day,
.datepicker .active.day:hover,
.datepicker .active.year,
.datepicker .active.year:hover,
.datepicker .active.month,
.datepicker .active.month:hover {
  background-image: linear-gradient(to bottom, #316a5d, #1f584b);
}

#editClock #wrapInputNameClock > input,
#editClockIn #wrapInputNameClockInEdit > input,
#editClock #wrapInputDateClock > #reloj-date,
#editClockIn #wrapInputDateClockInEdit > #reloj-date-inEdit,
#newKuicco .dato-reloj > input,
#newMoment #entrada-fecha,
#newMomentEvolucion #entrada-fecha-evolucion {
  background-color: transparent;
  color: #777;
  cursor: pointer;
  font-size: 18px;
  height: 36px;
  padding: 0 8px;
  position: relative;
  z-index: 2;
  border: 0;
  box-shadow: none;
}

#editClock .sectionLeftClock {
  border-right: 1px dashed #cfcfcf;
  overflow: auto;
}

.wrap-header-caducado {
  text-align: center;
}

.wrap-header-caducado a {
  padding: 20px;
  margin-bottom: 20px;
}

.wrap-header-caducado h3 {
  margin: 0;
}

.wrap-header-caducado i {
  font-size: 60px;
}

#editClock #wrapWrapUsersShared {
  min-height: 15px;
}

#editClock #wrapMessageShare,
.modal-small-kuicco #wrapMessageShare {
  border-radius: 5px;
  font-size: 13px;
  margin-bottom: 5px;
  text-align: center;
  display: none;
  margin-top: 20px;
  border-color: #ddd;
}

#wrapMessageShare > p {
  font-size: 14px;
  color: #5f9386;
  text-align: left;
}

#editClock #wrapUsersShared {
  border-top: 1px solid #d5d5d5;
  margin: 3px 0 0;
  overflow: auto;
  padding-bottom: 5px;
  min-height: 90px;
  padding-top: 12px;
}

#editClock #wrapUsersShared > span {
  color: #999;
  display: block;
  font-size: 12px;
  margin-bottom: 8px;
  margin-top: 2px;
}

#editClock #wrapUsersShared > p {
  text-align: center;
}

#wrapDatosNotificaciones .datoNotificacion .mega-inputi {
  background-color: #dce6db;
  border-radius: 25px;
  box-shadow: 0 0 1px #a4aea3 inset;
  display: inline-block;
  height: 20px;
  margin: 0px 16px;
  position: absolute;
  width: 47px;
  cursor: pointer;
}

#wrapDatosNotificaciones .datoNotificacion .mega-inputi > span {
  background-color: #78b096;
  border-radius: 25px;
  display: inline-block;
  height: 20px;
  position: absolute;
  width: 20px;
  box-shadow: 0 0 3px #5d957b inset;
  left: 27px;
  transition: all 0.3s ease;
}

#wrapDatosNotificaciones .datoNotificacion .mega-inputi > span.no-admin {
  background-color: #ccc;
  box-shadow: 0 0 3px #888 inset;
  left: 0px;
}

.filaUserShared .labelEditorPlus {
  margin: 5px 0 3px;
  text-align: center;
  width: 95%;
  cursor: pointer;
  display: none;
}

.labelEditorPlus.label-no-check > span {
  color: #aaa !important;
}

#editClock
  #wrapUsersShared
  .filaUserShared
  > div.no-admin
  .wrap-editor-filaUserShared {
  border-bottom: 0;
  cursor: default;
}

#editClock #wrapShareClock > span,
.modal-small-kuicco .wrapShareClock > span {
  color: #999;
  display: block;
  font-size: 14px;
  margin-bottom: 15px;
  margin-top: 2px;
}

#editClock #wrapShareClock .form-group,
.modal-small-kuicco .wrapShareClock .form-group {
  margin-bottom: 0;
}

#editClock #wrapShareClock input[type="text"],
.modal-small-kuicco .wrapShareClock input[type="text"] {
  border-radius: 5px;
  margin-bottom: 10px;
  border: 1px solid #ddd;
  transition: all ease 0.3s;
}

#editClock #wrapShareClock input[type="text"]:focus,
.modal-small-kuicco .wrapShareClock input[type="text"]:focus {
  border: 1px solid #bbb;
}

#editClock #wrapShareClock .form-group span,
.modal-small-kuicco .wrapShareClock .form-group span {
  color: #aaa;
  display: block;
  font-size: 13px;
  font-weight: 300;
  margin-left: 20px;
  margin-top: 0px;
}

#editClock #wrapShareClock .form-group strong,
.modal-small-kuicco .wrapShareClock .form-group strong {
  color: #888;
  font-size: 16px;
  margin: 0px 4px;
  position: relative;
  top: 0px;
}

#editClock #wrapShareClock .form-group label:hover strong,
.modal-small-kuicco .wrapShareClock .form-group label:hover strong {
  color: #666;
}

#editClock #wrapShareClock .form-group label,
.modal-small-kuicco .wrapShareClock {
  cursor: pointer;
  display: block;
}

#editClock #wrapShareClock .form-group a,
.modal-small-kuicco .wrapShareClock .form-group a {
  text-transform: uppercase;
  margin: 20px 0 0;
}

#editClock #wrapShareClock .labelEditor,
.modal-small-kuicco .wrapShareClock .labelEditor {
  margin-bottom: 0;
}

.labelEditorPlus > input[type="checkbox"] {
  margin-left: 20px;
  margin-top: 2px;
  position: relative;
  top: 2px;
}

.labelEditorPlus > span {
  color: #629c84 !important;
  display: inline !important;
  font-size: 11px !important;
  margin-left: 3px !important;
  font-weight: normal;
}

#editClock #wrapImageClock,
#editClockIn #wrapImageClockInEdit,
#newKuicco #wrapImageClock2 {
  height: 225px;
  position: relative;
  background-color: #fbfbfb;
  border-radius: 5px;
  margin: 5px 0;
}

#editClock #wrapImageClock > img,
#editClockIn #wrapImageClockInEdit > img {
  height: 225px;
  cursor: pointer;
}

#editClock #wrapImageClock #bgEditImageClock,
#editClockIn #wrapImageClockInEdit #bgEditImageClockInEdit {
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  font-size: 40px;
  height: 100%;
  left: 0;
  opacity: 0;
  padding-top: 80px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
  cursor: pointer;
  border-radius: 5px;
  transition: all ease 0.3s;
}

#editClock #wrapImageClock #bgEditImageClock:hover,
#editClockIn #wrapImageClockInEdit #bgEditImageClockInEdit:hover {
  opacity: 1;
}

#editClock #wrapImageClock #FileImageClock,
#editClockIn #wrapImageClockInEdit #FileImageClockInEdit {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #fff;
  display: none;
}

#newKuicco #wrapImageClock2 #FileImageClock2 {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  background-color: #fff;
  border-radius: 10px;
}

#editClock #wrapImageClock #FileImageClock .ajax-upload-dragdrop,
#editClockIn #wrapImageClockInEdit #FileImageClockInEdit .ajax-upload-dragdrop,
#newKuicco #wrapImageClock2 #FileImageClock2 .ajax-upload-dragdrop {
  height: 225px;
}

#editClock #wrapImageClock .ajax-file-upload-container,
#editClockIn #wrapImageClockInEdit .ajax-file-upload-container,
#newKuicco #wrapImageClock2 .ajax-file-upload-container {
  background: #fff none repeat scroll 0 0;
  border: medium none;
  box-shadow: none;
  left: 1%;
  position: absolute;
  top: 0;
  width: 98%;
  z-index: 50;
  margin: 2px 0 0;
}

#editClock
  #wrapImageClock
  .ajax-file-upload-container
  .ajax-file-upload-statusbar,
#editClockIn
  #wrapImageClockInEdit
  .ajax-file-upload-container
  .ajax-file-upload-statusbar,
#newKuicco
  #wrapImageClock2
  .ajax-file-upload-container
  .ajax-file-upload-statusbar {
  background-color: #f6f6f6;
  border: 0 none;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: relative;
  top: 0;
  width: 100% !important;
  z-index: 10;
  max-height: 221px;
}

#editClock
  #wrapImageClock
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > img,
#editClockIn
  #wrapImageClockInEdit
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > img,
#newKuicco
  #wrapImageClock2
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > img {
  height: auto !important;
  opacity: 0.5;
  width: 100% !important;
  z-index: 2;
}

#editClock
  #wrapImageClock
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-filename,
#editClockIn
  #wrapImageClockInEdit
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-filename,
#newKuicco
  #wrapImageClock2
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-filename {
  color: #727272;
  font-size: 12px;
  margin: 9px 5px 0 2px;
  width: 100%;
  display: none;
}

#editClock
  #wrapImageClock
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-progress,
#editClockIn
  #wrapImageClockInEdit
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-progress,
#newKuicco
  #wrapImageClock2
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-progress {
  border: 0 none;
  border-radius: 0;
  bottom: 3px;
  height: 10px;
  left: 0;
  margin: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 50;
}

#editClock
  #wrapImageClock
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-red,
#editClockIn
  #wrapImageClockInEdit
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-red,
#newKuicco
  #wrapImageClock2
  .ajax-file-upload-container
  .ajax-file-upload-statusbar
  > .ajax-file-upload-red {
  position: absolute;
  right: 6px;
  top: 0;
}

.ajax-file-upload-red {
  font-family: "Roboto";
  text-shadow: none;
  background: transparent;
  border: 0;
  box-shadow: none;
  color: #fff;
  font-size: 20px;
  margin-top: 5px;
  padding: 2px 7px;
  text-transform: none;
  text-shadow: 1px 1px 1px #555;
}

.ajax-file-upload-bar {
  background-color: #7490a4;
  border-radius: 0;
}

#editClock #formRemoveClock {
  border-top: 1px solid #d5d5d5;
  display: block;
  margin-top: 30px;
  padding-top: 20px;
  text-align: right;
}

#editClock #formRemoveClock > button,
.link-remove {
  color: #aaa;
  font-size: 16px;
  font-weight: 300;
  text-transform: lowercase;
  transition: all ease 0.3s;
}

#editClock #wrapShareClock {
  padding-bottom: 10px;
  text-align: left;
}

#editClock #wrapShareClock.wrapShareClockIn {
  margin-top: 0px;
  padding-top: 16px;
}

#editClock #formRemoveClock > button:hover,
.link-remove:hover {
  color: #333;
  text-decoration: none;
}

.contentSinglePage {
  min-height: 347px;
}

.wrapIconRegisterComplete {
  font-size: 150px;
  text-align: center;
  color: #fff;
}

.emailShareSearch + .wrapEmailsRel {
  margin-top: -10px;
  position: absolute;
  width: 91%;
  margin-left: 2px;
  z-index: 20000;
  display: none;
}

.emailShareSearch + .wrapEmailsRel > a {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  cursor: pointer;
  padding: 10px;
  background-color: #fff;
  display: block;
  text-transform: lowercase !important;
  margin: 0 !important;
  font-size: 12px;
  line-height: 15px;
}

.emailShareSearch + .wrapEmailsRel > a > p {
  color: #787878;
  font-size: 16px;
  font-weight: 400;
  margin-bottom: 0;
  text-transform: initial;
}

.emailShareSearch + .wrapEmailsRel > a > span {
  color: #999 !important;
  font-weight: 300 !important;
  margin-left: 5px !important;
}

.emailShareSearch + .wrapEmailsRel > a:hover p {
  color: #444;
}

/**********Modal Type New Moment**********/

.modal-type-new-moment {
  overflow: auto;
  text-align: center;
}

.modal-type-new-moment .wrap-type-moment {
  cursor: pointer;
  padding: 10px;
}

.modal-type-new-moment .wrap-type-moment:hover .type-moment-circle {
  transform: scale(1.1);
}

.modal-type-new-moment .wrap-type-moment:hover .wrap-type-moment-text {
  color: #ffd;
}

.modal {
  text-align: center;
  padding: 0 !important;
}

.modal:before {
  content: "";
  display: inline-block;
  height: 90%;
  vertical-align: middle;
  margin-right: -4px;
  /* Adjusts for spacing */
}

.modal-dialog {
  display: inline-block;
  vertical-align: middle;
}

.modal-type-new-moment .type-moment-circle {
  background-color: #eeb84c;
  height: 120px;
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 100px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
  transition: all ease 0.3s;
}

.modal-type-new-moment .wrap-type-moment-text {
  color: #fff;
  font-size: 21px;
  margin-top: 20px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  letter-spacing: 2px;
}

.modal-type-new-moment .wrap-type-moment.type-moment-foto .type-moment-circle {
  background-color: #6d94ae;
}

.modal-type-new-moment .wrap-type-moment.type-moment-video .type-moment-circle {
  background-color: #e95056;
}

.modal-type-new-moment
  .wrap-type-moment.type-moment-multi-foto
  .type-moment-circle {
  background-color: #6b9a86;
}

/****************************************/

/**********************Page Galeria Reloj****************************/

#wrapOptionsSearch {
  background-color: #fff;
  padding: 15px 0;
  margin-bottom: 20px;
  border-bottom: 1px solid #dee2de;
  border-top: 1px solid #dee2de;
}

#wrapOptionsSearch .filtro-search {
  background-color: #6d94ae;
  height: 120px;
  width: 120px;
  max-width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  border-radius: 100px;
  box-shadow: 0 5px 14px rgba(0, 0, 0, 0.2);
  transition: all ease 0.3s;
  opacity: 0.5;
  text-align: center;
}

#wrapOptionsSearch .filtro-search.filtro-search-text {
  background-color: #eeb84c;
}

#wrapOptionsSearch .filtro-search.filtro-search-video {
  background-color: #e95056;
}

#wrapOptionsSearch .filtro-search img {
  margin-bottom: 0;
  transition: all ease 0.3s;
}

#wrapOptionsSearch .filtro-search.selected img,
#wrapOptionsSearch .filtro-search:hover img {
  margin-bottom: 15px;
}

#wrapOptionsSearch .filtro-search span {
  color: #fff;
  font-size: 15px;
  position: absolute;
  bottom: 23px;
  font-weight: 300;
  opacity: 0;
}

#wrapOptionsSearch .filtro-search:hover,
#wrapOptionsSearch .filtro-search:hover span,
#wrapOptionsSearch .filtro-search.selected,
#wrapOptionsSearch .filtro-search.selected span {
  opacity: 1;
}

#wrapOptionsSearch .filtro-search.selected:hover {
  border-color: rgba(120, 176, 150, 0.1);
  cursor: default;
}

#wrapOptionsSearch .filtro-search:hover {
  border-color: #78b096;
  border-color: rgba(120, 176, 150, 0.5);
}

#wrapOptionsSearch .filtro-search:focus,
#wrapOptionsSearch .filtro-search:active {
  color: #3a7366;
  outline: 0;
  box-shadow: none;
}

#wrapOptionsSearch .filtro-search i {
  font-size: 40px;
}

#wrapOptionsSearch .filtro-search h4 {
  font-size: 16px;
  font-weight: normal;
  text-transform: lowercase;
  margin: 5px;
}

#pageGaleria .grid-item.category-0 .entradaWrap {
  padding: 20px;
}

/**Menu de Navegacion del Reloj**/

#wrapButtonsActionsNav {
  overflow: auto;
  width: 100%;
  z-index: 100;
  transition: all ease 0.5s;
  margin-bottom: 20px;
}

#wrapButtonsActionsNav > div {
  border-radius: 0 0 10px 10px;
  box-shadow: 0 0 1px #9d9d9d inset;
  padding: 1px;
}

#wrapButtonsActionsNav .col-xs-4,
#wrapButtonsActionsNav .col-xs-6 {
  padding: 0;
  background-color: rgba(255, 255, 255, 0.8);
}

#wrapButtonsActionsNav .col-xs-4:first-child,
#wrapButtonsActionsNav .col-xs-6:first-child {
  border-radius: 0px 0 0 10px;
}

#wrapButtonsActionsNav .col-xs-4:first-child button,
#wrapButtonsActionsNav .col-xs-6:first-child button {
  border-radius: 0 0 0 10px;
}

#wrapButtonsActionsNav .col-xs-4:last-child,
#wrapButtonsActionsNav .col-xs-6:last-child {
  border-radius: 0px 0px 10px 0px;
}

#wrapButtonsActionsNav .col-xs-4:last-child button,
#wrapButtonsActionsNav .col-xs-6:last-child a,
#wrapButtonsActionsNav .col-xs-6:last-child button {
  border-radius: 0 0px 10px 0px;
}

#wrapButtonsActionsNav a,
#wrapButtonsActionsNav button {
  margin-right: 5px;
  background-color: #fff;
  border-radius: 0;
  font-size: 20px;
  font-weight: 300;
  padding: 8px 16px 3px;
}

#wrapButtonsActionsNav a,
#wrapButtonsActionsNav button:focus {
  background-color: #4d9d88;
  color: #fff;
  outline: 0;
}

#wrapButtonsActionsNav button:hover,
#wrapButtonsActionsNav button:focus {
  background-color: #3a7366;
  color: #fff;
}

#wrapButtonsActionsNav i {
  margin-right: 5px;
}

#wrapButtonsActionsNav a:hover {
  cursor: default;
}

#wrapButtonsActionsNav .icon-button-menu {
  background-image: url("../../images/icons/icon_menu_clock.png");
  display: inline-block;
  height: 30px;
  width: 30px;
  margin-right: 2px;
}

#wrapButtonsActionsNav .icon-button-menu.icon-menu-album {
  background-position: -40px 0;
}

#wrapButtonsActionsNav a .icon-button-menu.icon-menu-album {
  background-position: -40px -40px;
}

#wrapButtonsActionsNav .icon-button-menu.icon-menu-moment {
  background-position: 0px 0;
}

#wrapButtonsActionsNav a .icon-button-menu.icon-menu-moment {
  background-position: 0px -40px;
}

#wrapButtonsActionsNav .icon-button-menu.icon-menu-evolution {
  background-position: -80px 0;
}

#wrapButtonsActionsNav a .icon-button-menu.icon-menu-evolution {
  background-position: -80px -40px;
}

#wrapButtonsActionsNav span {
  position: relative;
  top: -6px;
}

#wrapPlayAlbum {
  float: right;
  margin-top: -74px;
}

#wrapPlayAlbum.centerPlayAlbum {
  margin: 0 auto 30px !important;
  float: none !important;
}

#wrapPlayAlbum i {
  margin-right: 5px;
}

#wrapPlayAlbum > button:active {
  background-color: #5f9386;
}

/*******************************/

#wrapAlertNewMomentSuccess {
  margin: 15px;
  position: absolute;
  right: 0;
  width: 250px;
  z-index: 22;
}

#wrapAlertNewMomentSuccess .alertNewMomentSuccess {
  padding: 9px;
  border-color: #ddd;
  line-height: 13px;
  margin-bottom: 12px;
  cursor: pointer;
  visibility: hidden;
}

#wrapAlertNewMomentSuccess .alertNewMomentSuccess p {
  color: #629b8e;
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 20px;
  padding: 0 3%;
  width: 90%;
}

#wrapAlertNewMomentSuccess .alertNewMomentSuccess i.icon-momentsuccess {
  display: inline-block;
  font-size: 18px;
  line-height: 2px;
  position: relative;
  top: -16px;
  width: 8%;
  color: #629b8e;
}

.entradaWrap {
  background: #fff;
  box-shadow: 0 0 0 1px #cdd1cd inset;
  padding: 20px 0;
  margin-bottom: 30px;
  border-radius: 10px;
  transition: all ease 0.3s 0;
}

.entradaWrap.favorita {
  background-color: #fff;
}

.entradaWrap .wrapMedia {
  margin-bottom: 15px;
}

.entradaWrap .wrapMedia img,
.entradaWrap .wrapMedia video {
  position: static;
  width: 100%;
  height: auto;
  min-height: 200px;
}

.entradaWrap .wrapTexto {
  color: #4d5357;
  font-size: 18px;
  padding: 15px 0;
  text-align: left;
}

.entradaWrap .wrapTexto textarea {
  color: #666;
  margin-bottom: 10px;
  min-height: auto;
  padding: 10px;
  text-align: left;
  transition: border-color 0.3s ease 0s;
}

.entradaWrap .wrapTexto textarea:focus {
  border-color: #bbb;
}

.entradaWrap .wrapEntradaCreator > p {
  color: #6f6f6f;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 0.8px;
  margin: 0;
  opacity: 0.5;
  text-align: left;
  line-height: 18px;
  transition: all 0.3s ease 0s;
}

.category-0 .entradaWrap .wrapTexto {
  font-weight: bold;
  font-size: 20px;
}

#pageGaleria .category-0 .entradaWrap .wrapTexto {
  margin-bottom: 20px;
}

.category-0 .entradaWrap .wrapTexto > span {
  text-indent: 17px;
  display: inline-block;
}

.category-0 .entradaWrap .wrapTexto i {
  color: #d9e3d8;
  font-size: 25px;
  position: absolute;
  margin-left: -15px;
}

.category-0 .entradaWrap .wrapTexto i.fa-quote-right {
  margin-left: -9px;
}

.entradaWrap .wrapDateEntrada {
  border-right: 1px solid #eee;
  color: #ccc;
  font-size: 18px;
  margin: 10px 0;
  padding: 20px 5px;
  text-align: center;
}

.entradaWrap .wrapDateFechaAlbum {
  color: #888;
  padding: 2px 15px 0;
  text-align: left;
}

.entradaWrap .wrapEvolution {
  margin-top: 30px;
  font-size: 50px;
  text-align: center;
  color: #e1e1b7;
  cursor: default;
}

#reloj-diario h2 {
  margin-bottom: 8px;
}

#reloj-diario .subheadline {
  margin-bottom: 35px;
}

#reloj-diario .heading {
  margin-bottom: 20px;
}

.heading #wrapHeaderSection {
  background-position: center 50%;
  background-repeat: no-repeat;
  background-size: 100% auto;
  border-radius: 0 0 10px 10px;
  margin-top: -40px;
  padding: 0;
  cursor: default;
  background-image: url("../../images/bg-banner4.jpg");
}

.heading #wrapHeaderSection.wrapHeaderSectionBusiness {
  background-image: url("../../images/business/albums/bg-big-album-empresa.png");
}

.heading #wrapHeaderSection #wrapTextHeaderSection {
  background-color: rgba(30, 30, 30, 0.55);
  padding: 30px 0 21px;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
  transition: all ease 0.3s;
  min-height: 184px;
}

.heading #wrapHeaderSection #wrapTextHeaderSection h2 {
  color: #fff;
  text-shadow: 1px 1px 3px #666;
  font-weight: 300;
}

.heading #wrapHeaderSection #wrapTextHeaderSection p {
  color: #d4d4d4;
  text-shadow: 1px 1px 3px #666;
}

.heading #wrapHeaderSection #wrapTextHeaderSection p.subheadline {
  margin: 3px 0 0;
  position: absolute;
  transition: all 0.5s ease 0s;
  width: 100%;
  opacity: 1;
}

.heading #wrapHeaderSection #wrapTextHeaderSection p.subheadlineHide {
  margin-top: 150px;
  opacity: 0;
}

.heading #wrapHeaderSection #wrapTextHeaderSection div {
  position: absolute;
  color: #fff;
  opacity: 0.1;
  font-size: 40px;
  top: 10px;
  right: 30px;
  transition: opacity ease-in 0.2s;
}

.heading #wrapHeaderSection #wrapTextHeaderSection div > span {
  font-size: 16px;
  margin: 7px;
  position: relative;
  text-transform: uppercase;
  top: -8px;
}

#wrapYearsSon .swiper-container {
  color: #4d9d88;
  font-size: 25px;
  height: auto;
  line-height: 0;
  padding: 22px 0 27px;
  width: 400px;
  margin-bottom: 10px;
}

#wrapYearsSon .swiper-container .wrapShowPagination {
  height: 40px;
  left: 22%;
  position: absolute;
  top: 0;
  width: 56%;
  z-index: 100;
  cursor: pointer;
}

#wrapYearsSon .swiper-container .wrapShowPagination:hover {
  background-color: rgba(154, 158, 154, 0.1);
}

#wrapYearsSon .swiper-container .arrow-left,
#wrapYearsSon .swiper-container .arrow-right {
  margin-top: -21px;
  border-color: transparent;
  color: #254f75;
  margin-top: -21px;
  opacity: 0.6;
  line-height: 24px;
}

#wrapYearsSon .swiper-container .arrow-left:hover,
#wrapYearsSon .swiper-container .arrow-right:hover {
  color: #fff;
}

#wrapYearsSon .swiper-container .swiper-pagination {
  background: #fff;
  display: none;
  left: 22%;
  padding: 10px 5px 3px;
  width: 56%;
}

#wrapYearsSon .swiper-container .swiper-slide {
  height: auto;
}

#wrapYearsSon .swiper-container:hover .swiper-scrollbar {
  opacity: 0.4;
}

#wrapYearsSon .swiper-container .swiper-scrollbar {
  background-color: rgba(255, 255, 255, 0.7);
  border: 1px solid #ddd;
  bottom: 0;
  cursor: pointer;
  height: 8px;
  left: 21%;
  width: 58%;
  opacity: 0;
  transition: all ease 0.3s;
}

#wrapYearsSon .swiper-container .swiper-scrollbar:hover {
  opacity: 1;
  height: 10px;
}

#wrapYearsSon .swiper-container .swiper-scrollbar .swiper-scrollbar-drag {
  background: #8cc8b0 none repeat scroll 0 0;
  border: 1px solid #629e86;
}

#wrapYearsSon .swiper-container .swiper-pagination-bullet-active {
  background-color: #7490a4;
}

#wrapYearsSon {
  border-bottom: 1px solid #f8f8f8;
  margin-bottom: 20px;
  transition: all ease 0.3s;
}

#wrapYearsSon.loading {
  border-bottom: 10px solid #fff;
}

#entradasRelojContent {
  padding-bottom: 200px;
}

#entradasRelojContent.square > .mix {
  width: 50%;
}

#entradasRelojContent > .mix {
  width: 100%;
  z-index: 2;
}

#entradasRelojContent > .mix.entradaSelected {
  z-index: 3;
}

.mix .entradaWrap .wrapButtonsEntrada {
  padding: 0 15px 0 0;
  opacity: 0.4;
  transition: all ease 0.3s;
}

#wrapNotifyContent .mix .entradaWrap .wrapButtonsEntrada {
  opacity: 0.7;
}

.mix .entradaWrap:hover .wrapButtonsEntrada {
  opacity: 0.8;
}

.mix .entradaWrap .wrapButtonsEntrada > a,
.mix .entradaWrap .wrapButtonsEntrada .btn-icon-optionmoment,
#entradasRelojContent
  > .mix
  .entradaWrap
  .wrapButtonsEntrada
  > .wrapOptionsEditMoment
  > a,
.mix .entradaWrap .wrapButtonsEntrada > .wrapOptionsEditMoment > a {
  display: block;
  font-size: 16px;
  margin: 0 0 10px;
  text-align: center;
  transition: all ease 0.1s;
}

.mix .entradaWrap .wrapButtonsEntrada .btn-icon-optionmoment {
  color: #3a7366;
  margin: auto;
}

.mix .entradaWrap .wrapButtonsEntrada .btn-icon-optionmoment:hover {
  color: #474646;
}

.mix .entradaWrap .wrapButtonsEntrada > a.btnSelected {
  color: #78b096;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 1px inset;
  width: 128px;
  padding: 0 5px;
  position: absolute;
  top: -8px;
  right: 0;
  margin-right: 47px;
  z-index: 5;
  display: none;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB > div {
  padding: 6px;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a {
  text-align: center;
  font-size: 19px;
  display: block;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a:active {
  opacity: 0.5;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.facebook {
  color: #3b5998;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.facebook:hover {
  color: #062463;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.twitter {
  color: #28a9e0;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.twitter:hover {
  color: #007bb2;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.google {
  color: #ea4335;
}

.mix .entradaWrap .wrapButtonsEntrada > .wrapRRSSB a.google:hover {
  color: #b30c00;
}

.mix .entradaWrap .wrapButtonsEntrada > .btnCommentEntry > span {
  color: #888;
  font-size: 10px;
  margin-top: -3px;
  opacity: 0.7;
  position: absolute;
}

#entradasRelojContent > .mix .entradaWrap .wrapComments {
  display: none;
}

#entradasRelojContent > .mix .entradaWrap .wrapComments .mySpin {
  margin-top: 40px;
  position: absolute;
  width: 93%;
  color: #629c84;
}

.mix .entradaWrap .wrapComments textarea {
  margin-bottom: 10px;
  text-align: left;
  padding: 10px;
  color: #666;
  min-height: 80px;
  transition: border-color ease 0.3s;
}

.mix .entradaWrap .wrapComments textarea:focus {
  border-color: #bbb;
}

.mix .entradaWrap .wrapComments .blockComments {
  margin: 10px 0;
  color: #888;
  max-height: 150px;
  overflow: auto;
}

.mix .entradaWrap .wrapComments .comment {
  border-top: 1px solid #e1e2e3;
  background-color: #fafbfb;
  padding: 10px;
  text-align: left;
  color: #888;
}

.mix .entradaWrap .wrapComments .comment > h5 {
  margin: 0 0 5px;
  color: #3a7366;
}

.mix .entradaWrap .wrapComments .comment > i {
  cursor: pointer;
  float: right;
  opacity: 0.5;
  font-size: 12px;
}

#entradasRelojContent > .mix .entradaWrap .wrapComments .comment > i:hover {
  opacity: 0.9;
}

.mix .entradaWrap .wrapComments .wrapInactivoComments h2 {
  margin-bottom: 20px;
}

.mix .entradaWrap .wrapComments .wrapInactivoComments h3 {
  margin: 10px 0;
}

#wrapEntradasRelojContent #load-more-loader,
#wrapEntradasRelojContent #wrapErrors {
  position: relative;
  top: -100px;
  color: #888;
}

#entradasRelojContent > .mix .entradaWrap .wrapButtonsEntrada > .btnEditMoment {
  transition: all ease 0s;
}

#entradasRelojContent
  > .mix
  .entradaWrap
  .wrapButtonsEntrada
  > .wrapOptionsEditMoment,
.mix .entradaWrap .wrapButtonsEntrada > .wrapOptionsEditMoment {
  display: none;
}

.mix .entradaWrap .wrapComments .btnSendComment[disabled="disabled"] {
  background-color: #377159;
}

/******************************************************************/

/**************************Admin Reloj*****************************/

/******************************************************************/

/**************************Nueva Entrada***************************/

#newMoment,
#newMomentEvolucion,
.modal-upload-moments {
  padding-right: 0 !important;
}

#newMoment .wrapCommentNewEntry > textarea,
.modal-upload-moments .wrapCommentNewEntry > textarea {
  border: 0;
  border-bottom: 1px solid #d8d8d8;
  color: #777;
  font-size: 16px;
  height: 100px;
  margin-bottom: 0;
  padding: 10px;
  border-radius: 0;
  transition: all 0.3s ease 0s;
}

#newMomentEvolucion .wrapCommentNewEntry > textarea {
  padding: 10px;
  height: 100px;
  margin-bottom: 10px;
  color: #666;
  font-size: 16px;
  transition: all ease 0.3s;
}

#newMoment .wrapCommentNewEntry > textarea:focus {
  border-color: #cbcbcb;
}

#newMomentEvolucion
  .wrapCommentNewEntry
  > #entrada-descripcion-evolucion-label {
  color: #888;
  font-weight: 500;
}

#newMoment #fileUploaderMoment > div.ajax-upload-dragdrop,
.modal-upload-moments .uploader-multi-moments > div.ajax-upload-dragdrop,
#newMomentEvolucion #fileUploaderMomentEvolucion > div.ajax-upload-dragdrop,
#FileImageClock > div.ajax-upload-dragdrop,
#FileImageClock2 > div.ajax-upload-dragdrop,
#FileImageClockInEdit > div.ajax-upload-dragdrop {
  background-color: #fbfbfb;
  border: 1px dashed #aaa;
  border-radius: 5px;
  padding: 30px 0;
  position: relative;
  text-align: center;
  width: 100% !important;
  z-index: 9;
  height: 135px;
}

#newMomentEvolucion #fileUploaderMomentEvolucion > div.ajax-upload-dragdrop {
  height: 335px;
}

#newMoment #fileUploaderMoment > div.ajax-upload-dragdrop {
  height: 250px;
}

.modal-upload-moments .uploader-multi-moments > div.ajax-upload-dragdrop {
  height: 335px;
  transition: all ease 0.3s;
}

#newMomentEvolucion #fileUploaderMomentEvolucion > div.ajax-upload-dragdrop {
  background-color: #f6f6f6;
}

#newMoment .modal-body > div,
.modal-upload-moments .modal-body > div,
#newMomentEvolucion .modal-body > div {
  margin-bottom: 10px;
}

#newMoment .modal-body > div.wrapCommentNewEntry,
#newMoment .modal-body > div.wrapOptionsNewEntry {
  margin-bottom: 0;
}

#newMoment .modal-body > div.wrapMediaNewEntry,
.modal-upload-moments .modal-body > div.wrapMediaNewEntry {
  margin-bottom: 0;
  display: none;
  margin-left: 15px;
  margin-right: 15px;
  padding: 0;
}

.modal-upload-moments .modal-body > div.wrapMediaNewEntry {
  display: block;
  max-height: 600px;
  overflow: auto;
}

#newMoment .modal-body > div.wrapMediaNewEntry .ajax-file-upload-container,
.modal-upload-moments
  .modal-body
  > div.wrapMediaNewEntry
  .ajax-file-upload-container {
  margin: 10px 0 5px;
}

#newMoment .modal-body > div.wrapMediaNewEntry #fileUploaderMoment,
.modal-upload-moments
  .modal-body
  > div.wrapMediaNewEntry
  .uploader-multi-moments {
  margin-top: 10px;
}

#newMoment .modal-body > div.wrapRelojesAsociadosEntry,
.modal-upload-moments .modal-body > div.wrapRelojesAsociadosEntry {
  margin-bottom: 0;
  background-color: #e6eae6;
  padding: 15px;
  border-radius: 0 0 5px 5px;
}

#newMoment #fileUploaderMoment .ajax-file-upload,
.modal-upload-moments .uploader-multi-moments .ajax-file-upload,
#newMomentEvolucion #fileUploaderMomentEvolucion .ajax-file-upload,
#FileImageClock .ajax-file-upload,
#FileImageClock2 .ajax-file-upload,
#FileImageClockInEdit .ajax-file-upload {
  box-shadow: none;
  height: 135px;
  margin: 10px 0;
  background: transparent;
  color: #666;
  position: absolute !important;
  top: -10px;
  width: 100%;
  line-height: 99px;
  left: 0;
  font-weight: 400;
  transition: all ease 0.3s;
}
#newMomentEvolucion #fileUploaderMomentEvolucion .ajax-file-upload {
  height: 335px;
}

.modal-upload-moments .uploader-multi-moments .ajax-file-upload {
  height: 100%;
}

#newMoment #fileUploaderMoment .ajax-file-upload {
  height: 250px;
}

#FileImageClock .ajax-file-upload,
#FileImageClock2 .ajax-file-upload,
#FileImageClockInEdit .ajax-file-upload {
  height: 223px;
}

#newMoment #fileUploaderMoment .ajax-file-upload:hover,
#newMomentEvolucion #fileUploaderMomentEvolucion .ajax-file-upload:hover,
#FileImageClock > div.ajax-upload-dragdrop:hover,
#FileImageClock2 > div.ajax-upload-dragdrop:hover,
#FileImageClockInEdit > div.ajax-upload-dragdrop:hover {
  background: transparent;
  color: #444;
}

.ajax-upload-dragdrop > span {
  color: #adadad;
  display: block;
  margin-top: 42px;
}

.ajax-file-upload-error {
  color: #de798f;
  font-weight: bold;
  position: relative;
  z-index: 200;
}

.modal-upload-moments .ajax-file-upload-error {
  float: left;
  margin-left: 29px;
  margin-top: 20px;
}

.ajax-file-upload-error.postUpload {
  top: 18px;
  margin-bottom: 30px;
}

#newMoment .wrapTopMoment,
#newMomentEvolucion .wrapTopMoment {
  overflow: auto;
}

#newMomentEvolucion .modal-body {
  padding-bottom: 0;
}

#newMoment .modal-body,
.modal-upload-moments .modal-body {
  padding: 15px 0 0;
}

#newMoment .modal-body > div,
.modal-upload-moments .modal-body > div {
  padding: 0 15px;
  overflow: auto;
}

#newMoment .modal-title,
.modal-upload-moments .modal-title {
  color: #777;
  font-size: 22px;
  font-weight: normal;
  margin-top: 4px;
}

#newMoment .wrapOptionsNewEntry {
  border-bottom: 3px solid #8ac3ac;
  overflow: auto;
}

#newMoment .wrapOptionsNewEntry .optionsMedia > a {
  color: #8ac3ac;
  display: inline-block;
  font-size: 20px;
  margin-top: 4px;
  transition: all ease 0.2s;
}

#newMoment .wrapOptionsNewEntry .optionsMedia > a:hover,
#newMoment .wrapOptionsNewEntry .optionsMedia > a.mediaSelected {
  color: #4b846d;
}

#newMoment .wrapOptionsNewEntry .optionsMedia > a.btnNewVideo {
  font-size: 22px;
  margin-left: 15px;
  position: relative;
  top: 1px;
}

#newMoment .wrapOptionsNewEntry .textEntryDate {
  color: #b0b0b0;
  font-size: 13px;
  margin-top: 11px;
}

.modal-upload-moments .wrapOptionsNewEntry .textEntryDate {
  margin-top: 10px;
  color: #b0b0b0;
  font-size: 12px;
}

#newMoment .wrapOptionsNewEntry.active-date .textEntryDate {
  color: #728da2;
}

#newMoment .wrapOptionsNewEntry .dateDetected {
  background-color: #fcf8e3;
  border: 1px solid #a3a3a3;
  border-radius: 5px;
  box-shadow: 14px 0 26px #606060;
  color: #555;
  display: none;
  padding: 10px;
  position: absolute;
  right: -129px;
}

#newMoment .wrapOptionsNewEntry .dateDetected:after,
#newMoment .wrapOptionsNewEntry .dateDetected:before {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

#newMoment .wrapOptionsNewEntry .dateDetected:after {
  border-color: rgba(252, 248, 227, 0);
  border-right-color: #fcf8e3;
  border-width: 10px;
  margin-top: -10px;
}

#newMoment .wrapOptionsNewEntry .dateDetected:before {
  border-color: rgba(85, 85, 85, 0);
  border-right-color: #888;
  border-width: 11px;
  margin-top: -11px;
}

#newMoment .wrapOptionsNewEntry.active-date .dateDetected {
  display: block;
}

#newMoment .newEntryDate,
#newMomentEvolucion .newEntryDate {
  color: #888;
  font-size: 18px;
  font-weight: normal;
  text-transform: uppercase;
  margin-bottom: 10px;
  margin-top: 0px;
  position: relative;
  width: 147px;
}

#newMoment .newEntryDate {
  width: 132px;
  margin-top: 0px;
  margin-bottom: 8px;
}

#newMoment .newEntryDate > #entrada-fecha {
  font-size: 16px;
  color: #999;
  padding-left: 11px;
  transition: all ease 0.3s;
}

#newMoment .wrapOptionsNewEntry.active-date .newEntryDate > #entrada-fecha {
  color: #666;
}

#newMoment .newEntryDate:hover > #entrada-fecha {
  color: #666;
}

#newMoment .newEntryDate:hover i {
  color: #4b846d;
}

#newMomentEvolucion .newEntryDate > #entrada-fecha-evolucion {
  font-size: 20px;
}

#newMoment .newEntryDate i {
  margin: 3px 10px;
  position: absolute;
  right: 0;
  top: 6px;
  transition: all 0.3s ease 0s;
  z-index: 1;
  color: #8ac3ac;
}

#newMomentEvolucion .newEntryDate i {
  margin: 3px 10px;
  position: absolute;
  right: 0;
  top: 6px;
  transition: all 0.3s ease 0s;
  z-index: 1;
}

#newMoment .newEntryDate:hover,
#newMomentEvolucion .newEntryDate:hover {
  color: #555;
}

#newMoment .newEntryDate span,
#newMomentEvolucion .newEntryDate span {
  font-size: 16px;
}

#newMoment .wrapRelojesAsociadosEntry h4,
.modal-upload-moments .wrapRelojesAsociadosEntry h4 {
  color: #808080;
  font-weight: normal;
  font-size: 17px;
  transition: all ease 0.3s;
  margin: 20px 0 25px;
}

#newMoment .wrapRelojesAsociadosEntry .checkbox,
.modal-upload-moments .wrapRelojesAsociadosEntry .checkbox {
  padding: 0 20px;
  font-size: 15px;
  margin: 20px 0 0;
}

#newMoment .wrapRelojesAsociadosEntry label,
.modal-upload-moments .wrapRelojesAsociadosEntry label,
.selectable-item {
  border-radius: 5px;
  box-shadow: 0 0 1px #222 inset;
  color: #9e9e9e;
  font-weight: 400;
  letter-spacing: 0.3px;
  margin-right: 13px;
  margin-bottom: 14px;
  padding: 3px 14px;
  background-color: #fff;
  line-height: 29px;
  opacity: 0.8;
}

.selectable-item.loading {
  opacity: 0.3 !important;
  cursor: progress;
}

#newMoment .wrapRelojesAsociadosEntry label:hover,
.modal-upload-moments
  .wrapRelojesAsociadosEntry
  label:hover
  .selectable-item:hover {
  opacity: 1;
}

#newMoment .wrapRelojesAsociadosEntry label.selected,
.modal-upload-moments .wrapRelojesAsociadosEntry label.selected,
.selectable-item.selected {
  color: #fff;
  background-color: #7db9a1;
  box-shadow: 0 0 1px #549078 inset;
  opacity: 1;
  text-shadow: 1px 1px 1px #6da991;
}

#newMoment .wrapRelojesAsociadosEntry label > span,
.modal-upload-moments .wrapRelojesAsociadosEntry label > span,
.selectable-item > figure {
  background-position: 0 -30px;
  display: inline-block;
  height: 20px;
  position: relative;
  top: 3px;
  width: 20px;
  background-image: url("../../images/icons/icon_clocks3.png");
}

#newMoment .wrapRelojesAsociadosEntry label.selected > span,
.modal-upload-moments .wrapRelojesAsociadosEntry label.selected > span,
.selectable-item.selected > figure {
  background-position: 0 0;
}

#newMoment .wrapRelojesAsociadosEntry label > input,
.modal-upload-moments .wrapRelojesAsociadosEntry label > input {
  display: none;
}

#newMoment .wrapMediaNewEntry,
#newMomentEvolucion .wrapMediaNewEntry {
  position: relative;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar,
#newMomentEvolucion
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar {
  background-color: #f6f6f6;
  border: 0 none;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  position: absolute;
  top: 0;
  width: 100% !important;
  z-index: 10;
}

.modal-upload-moments .ajax-file-upload-statusbar {
  width: 100% !important;
  border: none;
  padding: 1%;
  margin: 0;
  overflow: auto;
  position: relative;
  margin-bottom: 10px;
  transition: all ease 0.3s;
  min-height: 115px;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  > img,
#newMomentEvolucion
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  > img {
  height: auto !important;
  margin-top: -10%;
  opacity: 0.5;
  width: 100% !important;
  z-index: 2;
}

.modal-upload-moments .ajax-file-upload-statusbar > img {
  float: left;
}

.modal-upload-moments .ajax-file-upload-statusbar > img.video {
  width: 150px;
  height: 150px;
  display: block !important;
}

.modal-upload-moments .ajax-file-upload-statusbar .extrahtml {
  float: left;
  width: 76%;
  margin-left: 27px;
}

.modal-upload-moments .ajax-file-upload-statusbar .ajax-file-upload-filename {
  width: auto;
  color: #5f9386;
  position: absolute;
  bottom: 15px;
  left: 185px;
  max-width: 250px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}

.modal-upload-moments .wrapCommentNewEntry > textarea {
  border-bottom: 1px solid rgba(100, 100, 100, 0.1);
  height: 54px;
  color: rgba(51, 104, 91, 0.5);
}

.modal-upload-moments
  .wrapCommentNewEntry
  > textarea::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: rgba(51, 104, 91, 0.3);
}

.modal-upload-moments .wrapCommentNewEntry > textarea::-moz-placeholder {
  /* Firefox 19+ */
  color: rgba(51, 104, 91, 0.3);
}

.modal-upload-moments .wrapCommentNewEntry > textarea:-ms-input-placeholder {
  /* IE 10+ */
  color: rgba(51, 104, 91, 0.3);
}

.modal-upload-moments .wrapCommentNewEntry > textarea:-moz-placeholder {
  /* Firefox 18- */
  color: rgba(51, 104, 91, 0.3);
}

.modal-upload-moments .ajax-file-upload-statusbar .ajax-file-upload-progress {
  margin: 15px 5px 0px 4px;
  width: 142px;
  border: 1px solid #ddd;
  border-radius: 10px;
  border: none;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 4px;
  bottom: 12px;
}

.modal-upload-moments
  .ajax-file-upload-statusbar
  .ajax-file-upload-progress
  .ajax-file-upload-bar {
  height: 7px;
  border-radius: 10px !important;
}

.modal-upload-moments .ajax-file-upload-statusbar .ajax-file-upload-red {
  padding: 0px 4px;
  text-shadow: 0px 0px 1px rgba(197, 2, 2, 0.1);
  top: 5px;
  right: 0;
  color: #fff;
  background: rgba(200, 200, 200, 0.5);
  position: absolute;
  border-radius: 20px;
  font-size: 15px;
  box-shadow: none;
}

.modal-upload-moments .wrapOptionsNewEntry {
  position: absolute;
  right: 0;
}

.modal-upload-moments .wrapOptionsNewEntry .date-moment {
  width: 125px;
  background: transparent;
  font-size: 15px;
  color: #999;
  border: none;
  box-shadow: none;
  margin-top: 1px;
  cursor: pointer;
  z-index: 2;
  position: relative;
  transition: all ease 0.3s;
}

.modal-upload-moments .wrapOptionsNewEntry .newEntryDate i {
  color: #8ac3ac;
  position: absolute;
  right: 10px;
  bottom: 10.5px;
  font-size: 15px;
  transition: all ease 0.3s;
}

.modal-upload-moments .newEntryDate:hover > .date-moment {
  color: #666;
}

.modal-upload-moments .newEntryDate:hover i {
  color: #4b846d;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-filename,
#newMomentEvolucion
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-filename {
  color: #727272;
  display: block;
  float: left;
  font-size: 12px;
  margin: 12px 10px 0 12px;
  padding: 10px;
  width: 66%;
  display: none;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-progress,
#newMomentEvolucion
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-progress {
  border: 0 none;
  border-radius: 0;
  bottom: 3px;
  height: 10px;
  left: 0;
  margin: 0;
  opacity: 0.5;
  position: absolute;
  width: 100%;
  z-index: 50;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-red,
#newMomentEvolucion
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  .ajax-file-upload-red {
  position: absolute;
  right: 6px;
  top: 0;
}

#newMoment .wrapTopMoment > .newEntryDate.input-error > input,
#newMomentEvolucion .wrapTopMoment > .newEntryDate.input-error > input,
#newMoment .wrapTopMoment > .newEntryDate.input-error > i,
#newMomentEvolucion .wrapTopMoment > .newEntryDate.input-error > i {
  color: #de798f !important;
}

.ajax-file-upload-statusbar.uploadDone img {
  opacity: 0.9 !important;
}

.ajax-file-upload-statusbar.uploadDone .ajax-file-upload-progress {
  display: none;
}

#newMoment
  .wrapMediaNewEntry
  > .ajax-file-upload-container
  > .ajax-file-upload-statusbar
  > img.ajax-file-upload-preview.video {
  display: block !important;
  margin: 11px auto 0;
  width: 119px !important;
}

/******************************************************************/

/******************************************************************/

/**************************Page Crecimiento***************************/

#carousel-crecimiento .imageGaleria {
  margin-bottom: 20px;
  background-color: #fff;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
  width: 99.999%;
  min-height: 205px;
  background-size: auto 100%;
  background-position: center;
  background-repeat: no-repeat;
}

#carousel-crecimiento .image-popupi .imageGaleria:hover {
  box-shadow: 0 205px 1px rgba(150, 205, 183, 0.5) inset;
}

#carousel-crecimiento .imageGaleriaBloqued {
  background-color: #fff;
  background-image: url("../../images/evolucion/bg-evo.png");
  box-shadow: 0 0 0 1px #cfcfcf inset;
  cursor: default;
  opacity: 0.5;
  min-height: 205px;
}

#carousel-crecimiento .imageGaleriaReady {
  background-color: #fff;
  box-shadow: 0 0 0 1px #8ccab1 inset;
  color: #8ccab1;
  font-size: 66px;
}

#carousel-crecimiento .imageGaleriaReady > i {
  line-height: 203px;
}

#carousel-crecimiento .imageGaleriaReady:hover {
  color: #3a7366;
}

#carousel-crecimiento .imageGaleriaReady:active {
  color: #1c5548;
}

#carousel-crecimiento .imageGaleria > span {
  background-color: #8ccab1;
  border-radius: 0 15px 0 0;
  bottom: 0;
  font-size: 20px;
  left: 0;
  padding: 1px 10px 1px 6px;
  position: absolute;
  font-weight: bold;
  color: #fff;
}

#carousel-crecimiento .imageGaleriaBloqued > span {
  background-color: #bcbcbc;
}

#carousel-crecimiento .imageGaleria > img {
  border-radius: 5px;
  transition: all ease 0.3s;
  position: absolute;
  left: 0.5%;
  bottom: 0.5%;
  width: 99%;
  height: 99%;
  display: block;
}

#carousel-crecimiento .link-image-gallery:hover img,
#carousel-crecimiento .image-popupi:hover img {
  transform: scale(1.2);
  opacity: 0.5;
}

#carousel-crecimiento .marcoGallery > div {
  padding-left: 10px;
  padding-right: 10px;
}

#carousel-crecimiento .item {
  min-height: 660px;
}

#carousel-crecimiento .wrapYear {
  color: #3a7366;
  font-size: 32px;
  margin-bottom: 20px;
  text-shadow: none;
}

#carousel-crecimiento .carousel-control {
  background: none;
  width: 46%;
  height: 52px;
  top: -12px;
}

#carousel-crecimiento .carousel-caption {
  left: 15%;
  right: 15%;
}

#carousel-crecimiento .carousel-indicators {
  bottom: 0;
}

#carousel-crecimiento .carousel-indicators li {
  border-color: #8ccab1;
  margin-right: 5px;
}

#carousel-crecimiento .carousel-indicators .active {
  background-color: #8ccab1;
}

#carousel-crecimiento .arrowCarousel {
  display: inline-block;
  position: absolute;
  top: 50%;
  z-index: 5;
  font-size: 55px;
  height: 30px;
  margin-top: -40px;
  width: 30px;
  color: #aaa;
  right: 40px;
}

#carousel-crecimiento .arrowCarousel.arrowCarousel-right {
  left: 40px;
}

#carousel-crecimiento .imageGaleriaReady .panelTextEvolution {
  background-color: #fff;
  background-image: url("../../images/evolucion/bg-evo.png");
  background-repeat: no-repeat;
  height: 100%;
  left: 0;
  line-height: 51px;
  position: absolute;
  top: 0;
  width: 100%;
  border-radius: 5px;
  box-shadow: 0 0 0 1px #c3c3c3 inset;
  transition: all ease 0.3s;
  opacity: 1;
  padding-right: 5%;
  padding-left: 5%;
}

#carousel-crecimiento .imageGaleriaReady .panelTextEvolution:hover {
  opacity: 0;
}

#carousel-crecimiento .imageGaleriaReady .panelTextEvolution > h4 {
  font-size: 14px;
  margin-top: 62px;
  margin-bottom: 7px;
  color: #bbb;
}

#carousel-crecimiento .imageGaleriaReady .panelTextEvolution > div {
  font-size: 28px;
  font-weight: 600;
  line-height: 30px;
}

#carousel-crecimiento .imageGaleriaReady .panelTextEvolution > div > span {
  color: #7db6a9;
}

#wrapModalEntradasMes {
  background-color: #f0f7ec;
  padding: 20px 20px 40px;
  border-radius: 6px;
  cursor: default;
}

#wrapModalEntradasMes > h3 {
  color: #777;
  font-size: 17px;
  margin: 5px 0 18px;
  text-align: center;
  font-weight: 400;
}

#wrapModalEntradasMes > .wrapButtonNewMomentEvo {
  text-align: center;
  margin-bottom: 25px;
}

@-webkit-keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeIn2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.mfp-fade-gallery .mfp-figure .mfp-img {
  -webkit-animation-name: fadeIn2;
  -moz-animation-name: fadeIn2;
  -o-animation-name: fadeIn2;
  animation-name: fadeIn2;
  -webkit-animation-duration: 0.5s;
  -moz-animation-duration: 0.5s;
  -ms-animation-duration: 0.5s;
  -o-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  -ms-animation-fill-mode: both;
  -o-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}

.mfp-fade-gallery .mfp-figure::after {
  box-shadow: 0 0 5px #333;
}

.mfp-fade-gallery .mfp-figure .mfp-bottom-bar .mfp-title span {
  color: #b0b0b0;
  cursor: pointer;
  font-size: 12px;
  margin-left: 5px;
}

.mfp-fade-gallery .mfp-figure .mfp-bottom-bar .mfp-title span:hover {
  color: #fff;
}

html.mfp-helper {
  height: 100%;
  body {
    overflow: hidden;
    height: 100%;
    -webkit-transform: translateZ(0);
  }
}

#wrapModalEntradasMes .entradaWrap {
  padding: 3px;
  cursor: pointer;
  transition: opacity ease 1s 0.8s, transform ease 1.5s 0.1s;
}

#wrapModalEntradasMes .entradaWrap > div {
  padding: 0;
}

#wrapModalEntradasMes .entradaWrap .imageMarcarFavorita > img {
  border-radius: 8px;
}

#wrapModalEntradasMes .entradaWrap:hover {
  background-color: #78b096;
}

#wrapModalEntradasMes .entradaWrap .wrapMedia {
  margin-bottom: 0;
}

#wrapModalEntradasMes #entradasRelojContent {
  padding-bottom: 100px;
}

#wrapModalEntradasMes #wrapErrors {
  color: #888;
  text-align: center;
  padding-bottom: 20px;
}

.mfp-fade-gallery .mfp-figure #playGallery {
  cursor: pointer;
}

.mfp-fade-gallery .mfp-figure #playGallery:hover {
  color: #fff;
}

/******************************************************************/

/**************************Page Compartir***************************/

#wrapShareWatch #wrapFormShareWatch {
  background-color: #79b18f;
  border-radius: 20px;
  padding: 25px 15px;
  background: -webkit-linear-gradient(#9bd3b1, #79b18f);
  background: -o-linear-gradient(#9bd3b1, #79b18f);
  background: -moz-linear-gradient(#9bd3b1, #79b18f);
  background: linear-gradient(to #9bd3b1, #79b18f);
  box-shadow: 0 0 1px inset;
}

#wrapShareWatch #wrapFormShareWatch .form-control {
  border-radius: 5px;
}

#wrapShareWatch #wrapFormShareWatch h4 {
  text-align: left;
  margin-top: 7px;
}

#wrapShareWatch #wrapFormShareWatch .checkbox {
  font-size: 16px;
  line-height: 19px;
  margin-bottom: 25px;
  text-align: left;
}

/*****************************************************************/

/******************************************************************/

/**************************Page Perfil***************************/

#wrapDatosPerfil .datoPerfilHide {
  opacity: 0;
  transition: all ease 0.5s;
}

#wrapDatosPerfil .datoPerfilHide > input {
  display: none;
}

#wrapDatosPerfil .datoPerfil {
  background-color: #fff;
  border-radius: 20px;
  color: #666;
  font-size: 20px;
  margin-bottom: 15px;
  padding: 1px;
  position: relative;
  transition: all ease 0.3s;
  border: 1px solid #ccc;
}

#wrapDatosPerfil .datoPerfil:hover {
  border: 1px solid #b9b9b9;
}

#wrapDatosPerfil .datoPerfil > input {
  border-radius: 20px;
  color: #666;
  font-size: 20px;
  height: 50px;
  text-align: center;
  cursor: pointer;
  position: relative;
  z-index: 2;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}

#wrapDatosPerfil .datoPerfil > input.input-error {
  background-color: #ffd4ea;
}

#wrapDatosPerfil .datoPerfil > i {
  color: #aaa;
  position: absolute;
  right: 19px;
  top: 14px;
  opacity: 0;
  transition: all ease 0.3s;
  z-index: 1;
}

#wrapDatosPerfil .datoPerfil:hover i,
#wrapDatosPerfil .datoPerfil > input:focus + i {
  opacity: 1;
}

#btnEditUser,
.btnRightBarra {
  position: absolute;
  right: 16px;
  text-transform: uppercase;
  top: 14px;
  color: #fff;
}

.btnRightBarra {
  color: #68a28b;
  font-weight: 300;
  font-size: 15px;
  transition: all ease 0.3s;
}

.btnRightBarra:focus {
  color: #68a28b;
}

#btnEditUser {
  display: none;
}

#btnEditUser:hover {
  text-decoration: none;
  color: #e7f2e7;
}

.btnRightBarra:hover {
  text-decoration: none;
  color: #4b856e;
}

#wrapDatosPerfil .btn-link {
  color: #68a58d;
  transition: all ease 0.3s;
  margin-bottom: 10px;
  position: relative;
}

#wrapDatosPerfil .btn-link:hover {
  text-decoration: none;
  color: #48856d;
}

#wrapDatosPerfil .btn-link > i {
  display: none;
  position: absolute;
  right: -3px;
  top: 9px;
}

#wrapDatosNotificaciones .datoNotificacion {
  padding: 10px 0;
  text-align: left;
  font-size: 15px;
  font-weight: 300;
}

#wrapDatosNotificaciones .datoNotificacion .mega-inputi {
  background-color: #f2fcf1;
}

#wrapDatosCuentaKuicco .datoCuenta {
  text-align: center;
  padding: 10px 0;
}

#wrapDatosCuentaKuicco .datoCuenta h3 {
  text-transform: uppercase;
  color: #444;
}

#wrapDatosCuentaKuicco .datoCuenta h4 {
  color: #666;
  font-weight: 300;
}

#wrapDatosCuentaKuicco .wrapTipoCuenta {
  color: #666;
  font-weight: 300;
  font-size: 16px;
  text-transform: uppercase;
}

#wrapDatosCuentaKuicco #wrapInactiveText {
  font-size: 14px;
  font-weight: 400;
  line-height: 9px;
  margin-top: 10px;
}

#wrapDatosCuentaKuicco #wrapInactiveText a {
  display: block;
  color: #fff;
  text-decoration: underline;
}

#wrapBtnEditUser {
  height: 50px;
  display: none;
}

#btnEditUser {
  margin-bottom: 15px;
  position: static;
  display: none;
}

#wrapPromos .wrapPromo .wrapNewsletter {
  background-image: url("../../images/bg/big-images/bgPic1a.jpg");
  background-size: cover;
  border-radius: 10px;
}

#wrapPromos .wrapPromo .newsletter {
  border-radius: 10px;
  overflow: auto;
  padding: 40px 20px;
  margin-bottom: 40px;
}

#wrapPromos .wrapPromo h3 {
  color: #fdfdfd;
  font-size: 28px;
  font-weight: 400;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  margin-top: 0;
}

/*****Tabs Vertical****/

/*  kuicco tab */

div.kuicco-tab-container {
  background-clip: padding-box;
  background-color: #dce0dc;
  border: 1px solid #fff;
  border-radius: 10px;
  box-shadow: 0 0 1px 0px #acacac, 0 0 1px #aeaeae inset;
  overflow: auto;
  padding: 0 !important;
}

div.kuicco-tab-menu {
  padding-right: 0;
  padding-left: 0;
  padding-bottom: 0;
}

div.kuicco-tab-menu div.list-group {
  margin-bottom: 0;
}

div.kuicco-tab-menu div.list-group > a {
  margin-bottom: 0;
}

div.kuicco-tab-menu div.list-group > a:first-child {
  border-radius: 10px 0 0 0;
}

div.kuicco-tab-menu div.list-group > a .glyphicon,
div.kuicco-tab-menu div.list-group > a .fa {
  color: #82bc9f;
}

div.kuicco-tab-menu div.list-group > a:first-child {
  border-top-right-radius: 0;
  -moz-border-top-right-radius: 0;
}

div.kuicco-tab-menu div.list-group > a:last-child {
  border-bottom-right-radius: 0;
  -moz-border-bottom-right-radius: 0;
}

div.kuicco-tab-menu div.list-group > a.active,
div.kuicco-tab-menu div.list-group > a.active .glyphicon,
div.kuicco-tab-menu div.list-group > a.active .fa {
  background-color: #3a7366;
  color: #ffffff;
  border-color: #3a7366;
}

div.kuicco-tab-menu div.list-group > a.active .fa {
  color: #8ac3ac;
}

div.kuicco-tab-menu div.list-group > a.active:after {
  content: "";
  position: absolute;
  left: 100%;
  top: 50%;
  margin-top: -13px;
  border-left: 0;
  border-bottom: 13px solid transparent;
  border-top: 13px solid transparent;
  border-left: 10px solid #3a7366;
}

div.kuicco-tab {
  background: #f2f3f0;
  box-shadow: 0 0 1px #aeaeae;
}

div.kuicco-tab-content {
  background-color: #f2f3f0;
  padding: 35px 0;
  overflow: auto;
  min-height: 415px;
}

div.kuicco-tab div.kuicco-tab-content:not(.active) {
  display: none;
}

div.kuicco-tab-menu div.list-group > .list-group-item {
  text-align: left;
  border: none;
  border-top: 1px solid #eee;
}

div.kuicco-tab-menu div.list-group i {
  font-size: 20px;
  margin: 7px 2%;
  text-align: center;
  width: 16%;
}

div.kuicco-tab-menu div.list-group > .list-group-item > div {
  text-align: center;
  width: 16%;
  margin: 6px 2%;
  display: inline-block;
}

div.kuicco-tab-menu div.list-group span {
  font-size: 14px;
}

div.kuicco-tab-content h3 {
  text-transform: uppercase;
  color: #444;
  cursor: default;
}

div.kuicco-tab-content h4 {
  color: #666;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 35px;
  cursor: default;
}

#wrapHelpUs textarea {
  color: #666;
  margin-bottom: 15px;
  min-height: 150px;
  padding: 10px;
  text-align: left;
  transition: border-color 0.3s ease 0s;
}

#wrapHelpUs textarea:focus {
  border-color: #bbb;
}

#wrapHelpUs #messageOpinion,
.messageSuccessContactChat {
  color: #3a7366;
  font-size: 16px;
  padding: 0 0 10px;
  text-align: center;
  display: none;
}

.messageSuccessContactChat {
  margin-top: 30px;
}

#wrapHelpUs #selOpinion option,
#wrapFormAuditoria #selOrigen option {
  padding: 10px;
}

#wrapHelpUs #selOpinion option:checked,
#wrapFormAuditoria #selOrigen option:checked {
  background: linear-gradient(#7ab09b, #7ab09b);
}

#wrapCanjeaRegaloSection .wrapCanjeoCodigoRegalo {
  border-bottom: 1px solid #dfdfdf;
  border-top: 1px solid #dfdfdf;
  margin-top: 20px;
  padding: 25px 0 25px;
}

#wrapCanjeaRegaloSection i {
  color: #3a7366;
  font-size: 106px;
  margin-top: 36px;
  text-align: center;
}

#wrapDatosCuentaKuicco .wrapDesactivarCuentaKuicco {
  margin-top: 100px;
  border-top: 1px solid #eaeaea;
  padding: 20px 0;
  text-align: left;
}

#wrapDatosCuentaKuicco .wrapDesactivarCuentaKuicco h4 {
  color: #3e3e3e;
}

#wrapDatosCuentaKuicco .wrapDesactivarCuentaKuicco a {
  font-size: 13px;
}

#confirmDesactivaCuentaKuicco .modal-body {
  padding: 0 15px;
  text-align: justify;
}

#confirmDesactivaCuentaKuicco #btnDesactivaCuentaKuicco {
  padding: 7px 20px;
  font-size: 14px;
}

#wrapDatosCuentaKuicco .wrapMessageNewClockInvitado {
  margin: 10px 0 50px;
}

#wrapDatosCuentaKuicco .wrapMessageNewClockInvitado p {
  font-size: 20px;
}

#wrapDatosCuentaKuicco .wrapMessageNewClockInvitado button {
  font-size: 17px;
  padding: 12px 40px;
}

.plan-cuenta-kuicco li {
  overflow: auto;
}

.plan-cuenta-kuicco li.plan-price {
  border-radius: 8px 8px 0 0;
}

.plan-cuenta-kuicco li span {
  color: #444;
}

.separator-border-dashed {
  border-right: 1px dashed #ccc;
}

.btnPayWithCardKuicco {
  font-size: 20px;
  padding: 20px 0px;
  margin: 20px 0 5px;
}

#wrapDatosRegalaKuicco h5 {
  font-size: 20px;
  margin: 20px 0 5px;
  color: #4d4d4d;
}

#regaloKuiccoPage #wrapDatosRegalaKuicco h5 {
  color: #efefef;
}

#wrapDatosRegalaKuicco .tipoRegalo {
  background-color: #fff;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #bec9be;
  margin: 35px 0 0;
  cursor: pointer;
}

#wrapDatosRegalaKuicco .tipoRegalo:hover {
  background-color: #eff;
}

#wrapDatosRegalaKuicco .tipoRegalo.tipoRegaloSelected {
  background-color: #3a7366;
}

#wrapDatosRegalaKuicco .tipoRegalo > h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 12px 0 7px;
  cursor: pointer;
}

#wrapDatosRegalaKuicco .tipoRegalo.tipoRegaloSelected > h4 {
  color: #fff;
}

#wrapDatosRegalaKuicco .tipoRegalo > p {
  margin-bottom: 0;
}

#wrapDatosRegalaKuicco .tipoRegalo.tipoRegaloSelected > p {
  color: #ddd;
}

#wrapDatosRegalaKuicco .wrapRegaloPaso2,
#wrapDatosRegalaKuicco .wrapRegaloPaso3,
#wrapDatosRegalaKuicco .wrapRegaloPaso3 .wrapDatosPaso3Presencial,
#wrapDatosRegalaKuicco .wrapRegaloPaso3 .wrapDatosPaso3Online {
  display: none;
  clear: both;
}

#wrapDatosRegalaKuicco .plan.planSelect {
  transform: scale(1.06);
  background-color: #eeffff;
}

.selectPayment .modal-body {
  padding-bottom: 40px;
}

/*********************/

/**********Alertas Kuicco********/

.bgAlert,
.bgAlertMessage {
  background-color: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 10000;
}

.wrapAlert {
  width: 50%;
  margin: 4% auto 0;
  overflow: auto;
}

.wrapAlert > h3 {
  color: #fff !important;
  font-size: 27px;
  font-weight: 200;
  margin-bottom: 12px;
  text-align: center;
  text-shadow: 1px 1px 1px #555;
}

.contentAlert {
  background-color: #fff;
  padding: 30px;
  border-radius: 10px;
  margin: 10px 0;
}

.btn-close-alert {
  background-color: #b8b8b8 !important;
  border-color: #a4a4a4;
  border-radius: 0 8px;
  color: #fff !important;
}

.btn-close-alert:focus,
.btn-close-alert:active {
  background-color: #629c84;
  border-color: #599869;
}

/*********************/

/**********Estandar Page********/

.contenidoText .headline {
  margin-bottom: 10px;
}

.contenidoText h3 {
  font-size: 32px;
  color: #555;
  margin-bottom: 20px;
}

.contenidoText h3.color-invert {
  color: #ccc;
}

.accordion-kuicco .panel {
  margin-bottom: 8px;
}

.accordion-kuicco .panel-heading {
  padding: 0;
}

.accordion-kuicco .panel-heading a {
  color: #555;
  display: block;
  font-size: 18px;
  padding: 10px 20px;
}

.accordion-kuicco .panel-heading a:hover,
.accordion-kuicco .panel-heading a[aria-expanded="true"] {
  background-color: #d8d8d8;
}

.contenidoText .wrap-content {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 1px inset;
  margin-top: 35px;
  padding: 20px 40px 40px;
  text-align: justify;
}

.contenidoText .wrap-content h3 {
  font-size: 20px;
  text-transform: uppercase;
}

.contenidoText .wrap-content p {
  color: #808080;
  margin-bottom: 15px;
  font-size: 15px;
}

.contenidoText .wrap-content ul {
  list-style: initial;
  padding: 0 0 1px 30px;
  margin-bottom: 15px;
}

.contenidoText .wrap-content ul > li,
.contenidoText .wrap-content ol > li > p {
  margin-bottom: 10px;
  color: #808080;
}

.contenidoText .wrap-content strong {
  color: #555;
}

/****************************************************************/

/*****************Notificaciones*********************************/

.wrapCustomScoll {
  max-height: 245px;
  overflow: auto;
}

.mCS-kuicco-theme.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background-color: #5f988b;
}

.mCS-kuicco-theme.mCSB_scrollTools .mCSB_draggerRail {
  background-color: #c9d4c9;
}

#btnMiCuentaMenu .alert-notificaction-icon,
#btnMvlButton .alert-notificaction-icon {
  color: #3a7366;
  font-size: 18px;
  position: absolute;
  right: 2px;
  top: -6px;
  opacity: 0;
  -moz-transform-origin: center top;
  -webkit-transform-origin: center top;
  -ms-transform-origin: center top;
  transform-origin: center top;
  transition: all ease 0.3s;
}

#btnMiCuentaMenu,
#btnMvlButton {
  transition: all ease 0.3s;
}

#btnMiCuentaMenu.newAlert,
#btnMvlButton.newAlert {
  background-color: #ffffe0;
  border-color: #fff;
  border-radius: 5px;
  color: #83baa5;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}

#btnMvlButton.newAlert .icon-bar {
  background-color: #83baa5;
}

#btnMiCuentaMenu.newAlert .alert-notificaction-icon,
#btnMvlButton.newAlert .alert-notificaction-icon {
  opacity: 1;
  -moz-animation-name: newNotify;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 1s;
  -webkit-animation-name: newNotify;
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 1s;
  -ms-animation-name: newNotify;
  -ms--ms-animation-duration: 1s;
  -ms-animation-delay: 1s;
  animation-name: newNotify;
  animation-duration: 1s;
  animation-delay: 1s;
}

@keyframes newNotify {
  0% {
    transform: rotate(30deg);
  }
  10% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(30deg);
  }
  30% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  70% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-moz-keyframes newNotify {
  0% {
    transform: rotate(30deg);
  }
  10% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(30deg);
  }
  30% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  70% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-webkit-keyframes newNotify {
  0% {
    transform: rotate(30deg);
  }
  10% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(30deg);
  }
  30% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  70% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@-ms-keyframes newNotify {
  0% {
    transform: rotate(30deg);
  }
  10% {
    transform: rotate(-30deg);
  }
  20% {
    transform: rotate(30deg);
  }
  30% {
    transform: rotate(-30deg);
  }
  40% {
    transform: rotate(30deg);
  }
  50% {
    transform: rotate(-30deg);
  }
  60% {
    transform: rotate(30deg);
  }
  70% {
    transform: rotate(-30deg);
  }
  80% {
    transform: rotate(30deg);
  }
  90% {
    transform: rotate(-30deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

#momentNotify {
  padding-right: 0 !important;
  z-index: 1041;
}

#momentNotify .modal-content {
  background-color: transparent;
  border: none;
}

#wrapNotifyContent > h3 {
  color: #fff;
  font-size: 28px;
  font-weight: 400;
  text-align: center;
}

#wrapNotifyContent > .close {
  opacity: 0.8;
  color: #fff;
  text-shadow: none;
  position: absolute;
  right: 15px;
}

.close:focus,
.close > span:focus {
  outline: 0;
}

.mySpinPreview {
  color: #fff;
  margin-top: 10%;
  position: absolute;
  width: 100%;
}

.btn-relative .mySpinPreview {
  margin-top: 10px;
}

.btn-relative .mySpinPreviewFixed {
  margin-top: 9px;
}

.spin-button {
  left: 0;
  font-size: 12px;
  transform: scale(0.5);
  color: #fff;
}

.spin-button-payment {
  margin-top: 14px;
  transform: scale(0.7);
}

#editClock .mySpin {
  color: #629c84;
  margin-top: 5%;
  position: absolute;
  width: 92%;
}

/****************************************************************/

/*****************Administracion*********************************/

#wrapFormAuditoria,
.wrapFormAuditoria {
  margin: 20px 0;
}

.link-gestad-read-more {
  display: none;
}

.tablaGestion,
.messageErrorAuditoria {
  display: none;
}

.tablaGestion > table {
  background-color: #fff;
}

.tablaGestion > table tr.tr-par {
  background-color: #ebefeb;
}

.tablaGestion > table tr.trDataRemovedUser {
  background-color: #fc97ad;
}

#modalMensaje .modal-header,
#modalMensaje .modal-footer {
  padding-bottom: 2px;
}

#modalMensaje .modal-body {
  padding-top: 3px;
}

#modalMensaje #contentMessage {
  display: inline-block;
  font-size: 18px;
}

#modalMensaje blockquote {
  margin-top: 15px;
}

#modalMensaje blockquote > i {
  color: #888;
}

#modalMensaje .modal-footer label {
  text-transform: uppercase;
  color: #888;
  margin-top: 6px;
}

.wrapEstadisticasBlock {
  margin: 20px 0;
}

.wrapEstadisticasBlock > div {
  padding-right: 5px;
  padding-left: 5px;
}

.wrapEstadisticasBlock .wrapEstadisticaTotal {
  background-color: #fff;
  padding: 10px;
  border-radius: 2px;
  box-shadow: 0 1px 0 1px #e4e6eb;
  margin: 0 0 20px;
  overflow: auto;
}

.wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaIcon {
  border-radius: 2px;
  background-color: #36a9e1;
  color: #fff;
  font-size: 34px;
  padding: 8px 0;
  text-align: center;
}

.wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaDatos {
  text-align: left;
  padding-right: 9px;
  padding-left: 13px;
}

.wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaDatos > p {
  font-size: 13px;
  margin-bottom: 0;
  line-height: 19px;
}

.wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaDatos > span {
  font-size: 20px;
  font-weight: bold;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIconRelojes,
.wrapBarTopChartRelojes {
  background-color: #ff5454 !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIconMomentos,
.wrapBarTopChartMoments {
  background-color: #a8d55f !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIconEspacio {
  background-color: #555 !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIngresos,
.wrapBarTopChartIngresos {
  background-color: #306c54 !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIngresosStripe,
.wrapBarTopChartIngresosStripe {
  background-color: #65a189 !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIngresosPaypal,
.wrapBarTopChartIngresosPaypal {
  background-color: #8cc8b0 !important;
}

.wrapEstadisticasBlock
  .wrapEstadisticaTotal
  .wrapEstadisticaIcon.wrapEstadisticaIngresosApple {
  background-color: #a7e3cb !important;
}

.wrapChar {
  margin-bottom: 30px;
}

.ct-chart {
  width: 100%;
  height: 500px;
  background-color: #fff;
}

.ct-label {
  color: rgba(0, 0, 0, 0.8);
  fill: rgba(0, 0, 0, 0.4);
  font-size: 0.85rem;
  font-weight: bold;
  line-height: 1;
}

.wrapBarTopChart {
  background-color: #36a9e1;
  border-radius: 2px;
  color: #fff;
  font-size: 14px;
  line-height: 34px;
  overflow: auto;
  padding: 10px 0;
  text-transform: uppercase;
}

.wrapBarTopChart > div {
  padding: 0;
}

.wrapBarTopChart .wrapTitleChart {
  padding-left: 15px;
  text-align: left;
}

.wrapBarTopChart .titleChart {
  font-size: 15px;
  font-weight: bold;
  margin-left: 10px;
}

.wrapBarTopChart .titleChart > span {
  font-size: 14px;
  font-weight: normal;
  text-transform: lowercase;
}

.wrapBarTopChart .titleTotal {
  font-size: 14px;
  margin-left: 10px;
  display: none;
}

.wrapBarTopChart .titleTotal > span {
  font-size: 15px;
  font-weight: bold;
}

.wrapBarTopChart .closeChart {
  float: right;
  color: #fff;
  display: none;
}

.wrapBtnSearchChart {
  padding-left: 0;
}

.wrapBtnSearchChart > a {
  background-color: #ccc;
  border-color: #aaa;
}

.wrapContentChart {
  display: none;
}

hr.divider {
  border-color: #f7f7f7;
  clear: both;
  color: #fff;
  margin: 20px 15px;
}

.wrapContentChartUsers .ct-series-a .ct-line {
  stroke: #36a9e1;
}

.wrapContentChartUsers .ct-series-a .ct-point {
  stroke: #36a9e1;
}

.wrapContentChartRelojes .ct-series-a .ct-line {
  stroke: #ff5454;
}

.wrapContentChartRelojes .ct-series-a .ct-point {
  stroke: #ff5454;
}

.wrapContentChartMoments .ct-series-a .ct-line {
  stroke: #a8d55f;
}

.wrapContentChartMoments .ct-series-a .ct-point {
  stroke: #a8d55f;
}

.wrapContentChartIngresos .ct-series-a .ct-line {
  stroke: #306c54;
}

.wrapContentChartIngresos .ct-series-a .ct-point {
  stroke: #306c54;
}

/****************************************************************/

/*************************Regalo Kuicco Page ****************************/

#regaloKuiccoPage .wrapRegaloPaso3 p {
  color: #fff;
}

#regaloKuiccoPage #btnHacerRegalo {
  margin: 20px 0;
}

#regaloKuiccoPage .wrapRegaloPaso3 p {
  font-size: 18px;
}

#regaloKuiccoPage .wrapRegaloPaso3 h3 {
  font-size: 19px;
  margin-top: 5px;
  margin-bottom: 8px;
}

.overlay-gradient #regaloKuiccoPage .wrapRegaloPaso3 .checkbox label {
  color: #ddd;
}

/************************************************************************/

/*************************Regalo Kuicco desde Mis Relojes ****************************/

#modalRegalaKuicco .modal-dialog {
  margin-top: 0;
}

#modalRegalaKuicco .modal-content {
  background-color: transparent;
  border: 0;
  overflow: auto;
}

#modalRegalaKuicco .topInfoModalRegalaKuicco {
  border-radius: 0 0 5px 5px;
  color: #555;
  padding: 20px;
  text-align: center;
  background-color: #ffffee;
  color: #b8b8b8;
  margin-bottom: 30px;
}

#modalRegalaKuicco .topInfoModalRegalaKuicco h4 {
  font-weight: 300;
}

#modalRegalaKuicco .topInfoModalRegalaKuicco h3 {
  font-size: 20px;
  color: #888;
  margin-top: 0;
}

#modalRegalaKuicco #wrapDatosRegalaKuicco h5 {
  color: #fff;
}

.wrapDatosRegalaKuiccoInvitado .wrapRegaloPaso2 {
  padding-bottom: 250px;
  padding-top: 40px;
}

/************************************************************************/


/************************Page Compra realizada***************************/

#bodyCompraRealizada h1 {
  text-transform: uppercase;
  font-weight: 400;
}

#bodyCompraRealizada h2 {
  color: #fff;
  font-size: 23px;
  font-weight: 400;
}

#bodyCompraRealizada p {
  text-align: center;
}

#bodyCompraRealizada .wrapRegaloCompraRealizada {
  background-color: #fff;
  background-color: rgba(255, 255, 255, 0.8);
  height: 200px;
  border-radius: 10px;
  margin-top: 50px;
  text-align: center;
  padding: 10px;
}

#bodyCompraRealizada .kuicco-kid {
  margin-top: -70px;
}

#bodyCompraRealizada .btn-primary {
  font-size: 28px;
  font-weight: 300;
  padding: 20px 40px;
}

#bodyCompraRealizada .title-regalo {
  font-size: 25px;
  margin-top: 25px;
}

@media (max-width: 992px) {
  #bodyCompraRealizada .wrapRegaloCompraRealizada {
    margin-top: 80px;
  }
}

@media (max-width: 768px) {
  #bodyCompraRealizada .wrapRegaloCompraRealizada {
    height: 463px;
  }
  #bodyCompraRealizada .btn-primary {
    font-size: 23px;
    font-weight: 300;
    padding: 20px 11%;
  }
  #bodyCompraRealizada .title-regalo {
    font-size: 23px;
  }
}

/***********************************************************************/

.iconChat {
  position: fixed;
  bottom: 50px;
  right: 50px;
  z-index: 11;
}

.iconChat.signup {
  bottom: 223px;
}

.iconChat > a {
  font-size: 46px;
  background-color: #3a7366;
  border-radius: 100px;
  width: 90px;
  height: 90px;
  display: inline-block;
  color: #fff;
  text-align: center;
  padding: 11px;
  box-shadow: 0 0 10px #000;
}

@media (max-width: 1390px) {
  .iconChat.signup {
    bottom: 50px;
  }
}

@media (max-width: 768px) {
  .iconChat,
  .iconChat.signup {
    bottom: 10px;
    right: 10px;
  }
  .iconChat > a {
    font-size: 32px;
    width: 60px;
    height: 60px;
    padding: 7px;
  }
}

/************************Page Landing Download App**********************/

.bodyDownloadApp {
  padding: 5% 15px;
}

.landingDownloadApp .overlay-gradient {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.1),
    rgba(40, 40, 40, 0.2)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.1), rgba(40, 40, 40, 0.2));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.1),
    rgba(40, 40, 40, 0.2)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.1), rgba(40, 40, 40, 0.2));
}

.wrapDownloadApp {
  text-align: center;
}

.wrapDownloadApp .headerDownloadApp {
  padding: 15px 15px 0;
}
.wrapDownloadApp .headerDownloadApp img {
  width: 200px;
}

.wrapDownloadApp .contentDownloadApp {
  padding: 0 10px;
}

.wrapDownloadApp .contentDownloadApp h1 {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 25px;
}

.wrapDownloadApp .contentDownloadApp .dw-btns {
  margin-bottom: 35px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp {
  border-top: 1px solid #f3f3f3;
  padding: 25px 0 5px;
  text-align: left;
  overflow: auto;
  background-color: rgba(255, 255, 255, 0.5);
  margin: 25px 0 20px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp i {
  color: #555;
  font-size: 37px;
  margin: 5px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp h2 {
  font-size: 20px;
  font-weight: 500;
  margin: 2px 0 0;
  text-transform: none;
  color: #555;
  line-height: 20px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp h3 {
  font-size: 16px;
  font-weight: 300;
  margin: 4px 0 24px;
  text-transform: none;
  color: #555;
  line-height: 20px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .imgFeaturedApp {
  text-align: center;
  width: 78px;
}

.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .descFeaturedApp {
  padding: 0 5px;
  min-height: 65px;
}

.wrapDownloadApp .wrapBtnDownloadApp {
  margin-top: 37px;
}

.wrapDownloadApp .wrapKnowMore {
  color: #fff;
  font-weight: 400;
  text-shadow: 1px 1px 1px #666;
}

.wrapDownloadApp .wrapKnowMore a {
  color: #ffe5ba;
}

.wrapDownloadApp .wrapKnowMore a:hover {
  color: #fff;
}

.bodyDownloadApp .wrapImagesDownloadApp .third {
  position: absolute;
  right: 0;
  top: 91px;
  width: 250px;
  z-index: 2;
}

.bodyDownloadApp .wrapImagesDownloadApp .fourth {
  left: 0;
  position: absolute;
  top: 113px;
  width: 240px;
  z-index: 1;
}

.color-white {
  color: #fff;
}

.color-888 {
  color: #888;
}

.landingDownloadApp #intro {
  padding-top: 0;
}

@media (max-width: 992px) {
  .bodyDownloadApp .wrapImagesDownloadApp .fourth {
    left: -20px;
  }
}

@media (max-width: 768px) {
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .imgFeaturedApp {
    text-align: right;
    width: 30%;
  }
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .descFeaturedApp {
    width: 70%;
  }
  .wrapDownloadApp .contentDownloadApp .dw-btns {
    margin-bottom: 0px;
  }
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp {
    margin: 5px 0 20px;
  }
  .wrapDownloadApp .contentDownloadApp {
    padding: 0;
  }
  .wrapDownloadApp .contentDownloadApp .btn-beta-lg {
    font-size: 20px;
  }
  .wrapDownloadApp .dw-btns img {
    margin-bottom: 20px;
  }
  /*
.wrapDownloadApp .contentDownloadApp .wrapFeaturesApp h2 {
    font-size: 17px;
    margin: 11px 0 16px;
}
*/
  #wrapDatosRegalaKuicco {
    padding: 0;
  }
}

@media (max-width: 390px) {
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .imgFeaturedApp {
    text-align: center;
    width: 78px;
  }
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .descFeaturedApp,
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp .imgFeaturedApp {
    text-align: center;
    width: 100%;
  }
  .wrapDownloadApp .contentDownloadApp .wrapFeaturesApp {
    padding: 25px 10px 10px;
  }
}

/***********************************************************************/

/************************Page Regala Kuicco Landing**********************/

.landingRegalaKuicco .wrapDownloadApp .contentDownloadApp > h2 {
  color: #fff;
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 25px;
  font-weight: 500;
  text-transform: none;
}

.landingDownloadApp.landingRegalaKuicco .overlay-gradient {
  background: -webkit-linear-gradient(
    rgba(30, 30, 30, 0.3),
    rgba(40, 40, 40, 0.4)
  );
  background: -o-linear-gradient(rgba(30, 30, 30, 0.3), rgba(40, 40, 40, 0.4));
  background: -moz-linear-gradient(
    rgba(30, 30, 30, 0.3),
    rgba(40, 40, 40, 0.4)
  );
  background: linear-gradient(rgba(30, 30, 30, 0.3), rgba(40, 40, 40, 0.4));
}

.landingRegalaKuicco .wrapDownloadApp .wrapBtnDownloadApp {
  margin-top: 20px;
}

.landingRegalaKuicco #intro {
  padding-bottom: 20px;
}

.landingRegalaKuicco #content {
  clear: both;
  background: #fafafa;
  padding: 100px 0;
}

.landingRegalaKuicco .wrapBtnDownloadApp .btn-primary {
  box-shadow: 0 0 0 1px #ccc inset;
}

.landingRegalaKuicco .bodyDownloadApp .wrapImagesDownloadApp .fourth {
  left: 27px;
  position: absolute;
  top: 71px;
  width: 334px;
  z-index: 1;
}

.landingRegalaKuicco .wrapDownloadApp .wrapLogosEntidades {
  width: 200px;
  margin: 40px auto 0;
}

.landingRegalaKuicco #content .headline h1 {
  color: #333;
  text-shadow: none;
}

.landingRegalaKuicco #content .headline p {
  color: #888;
  text-shadow: none;
}

.landingRegalaKuicco #regaloKuiccoPage #wrapDatosRegalaKuicco h5 {
  color: #555;
  margin-bottom: 20px;
}

.landingRegalaKuicco .plan-price.overlay-gradient {
  background: -webkit-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: -o-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: -moz-linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
  background: linear-gradient(
    rgba(140, 201, 177, 0.9),
    rgba(107, 168, 144, 0.9)
  );
}

.landingRegalaKuicco .plan li.plan-action {
  padding: 25px 0;
}

.landingRegalaKuicco .plan li.plan-action .btn-primary {
  font-size: 16px;
}

.landingRegalaKuicco #wrapDatosRegalaKuicco .tipoRegalo > p {
  color: #888;
}

.landingRegalaKuicco #regaloKuiccoPage .wrapRegaloPaso3 p {
  color: #888;
}

.landingRegalaKuicco #wrapDatosRegalaKuicco .tipoRegalo.tipoRegaloSelected {
  background-color: #eff;
}

.landingRegalaKuicco
  #wrapDatosRegalaKuicco
  .tipoRegalo.tipoRegaloSelected
  > h4 {
  color: #444;
}

.landingRegalaKuicco #regaloKuiccoPage .wrapRegaloPaso3 .form-control {
  box-shadow: none;
}

.mb-0 {
  margin-bottom: 0;
}

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

@media (max-width: 1200px) {
  .landingRegalaKuicco .bodyDownloadApp .wrapImagesDownloadApp .fourth {
    left: 0px;
  }
}

/***********************************************************************/

video::-internal-media-controls-download-button {
  display: none;
}

/**********************Modal Get Emails*********************************/

#modalGetEmails {
  text-align: center;
}

#modalGetEmails .modal-content {
  width: 400px;
  margin: 30% auto;
}

#modalGetEmails img {
  margin-top: -64px;
}

#modalGetEmails p {
  font-size: 22px;
  font-weight: 400;
  color: #555;
}

#modalGetEmails p.privacy-policy {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 12px 0;
}

#modalGetEmails input[type="email"] {
  font-size: 18px;
  text-align: center;
  border-color: #69ba9f;
  height: 44px;
}

#modalGetEmails .btn-get-email {
  font-size: 18px;
}

#modalGetEmails .get-email-message {
  position: absolute;
  width: 100%;
  text-align: center;
  display: block;
  bottom: -59px;
  font-size: 18px;
}

#modalGetEmails .btn-relative .mySpinPreview {
  margin-top: 14px;
}

@media (max-width: 500px) {
  #modalGetEmails .modal-content {
    width: auto;
  }
}

/***********************************************************************/

/***********************Estilos web in app ******************************/

body.webInApp > header {
  background-image: none !important;
}

body.webInApp #intro > .wrapTopBar {
  display: none;
}

body.webInApp #intro.public-header {
  background: #fff;
  padding-bottom: 0;
  padding-top: 20px;
}

body.webInApp #intro.public-header .contenidoText h3.color-invert {
  color: #aaa;
  font-size: 23px;
}

body.webInApp #intro.public-header .contenidoText .wrap-content {
  box-shadow: none;
  margin-top: 0;
}

body.webInApp #intro.public-header .headline h1,
body.webInApp #intro.public-header .headline p {
  color: #555;
  text-shadow: none;
}

body.webInApp footer {
  display: none;
}

body.webInApp .socials {
  display: none;
}

/************************************************************************/

@media (max-width: 1200px) {
  .entradaWrap .wrapDateEntrada {
    font-size: 13px;
  }
  .wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaIcon {
    font-size: 30px;
  }
  .wrapEstadisticasBlock .wrapEstadisticaTotal .wrapEstadisticaDatos > span {
    font-size: 18px;
  }
  #misRelojesContent .wrapBirth h4 {
    margin-bottom: 5px;
    margin-top: 3px;
  }
  #misRelojesContent .wrapBirth {
    margin-bottom: 45px;
  }
  .wrapAlert {
    width: 70%;
  }
  .public-header .nav li a {
    margin-right: 5px;
    margin-left: 5px;
  }
  #whats_kuicco .tooltip-right {
    right: -144px;
  }
  .plan-price span {
    font-size: 17px;
  }
}

@media (max-width: 992px) {
  .scrollup {
    margin-top: -80px;
  }
  #newsletter,
  #regala-kuicco,
  .background-fixed {
    background-attachment: scroll;
  }
  #wrapPlayAlbum {
    float: none;
    margin-top: 0px;
    margin-bottom: 15px;
  }
  header #intro.private-header .top-bar {
    height: auto;
  }
  .top-bar,
  .navbar-collapse {
    background-color: #88c2ab;
  }
  .top-bar {
    background-color: transparent;
  }
  #intro.private-header .top-bar {
    background-color: rgba(140, 201, 177, 0.9);
  }
  #intro.private-header {
    height: 65px;
  }
  .btnCerrarSesion {
    top: 18px;
  }
  #intro.private-header .nav {
    padding-top: 9px;
  }
  .nav .download-btn a {
    font-weight: 400;
    padding: 10px 0;
    text-shadow: none !important;
    background-color: #fff !important;
    color: #4d9d88 !important;
  }
  .nav li a:hover,
  .nav li a.active,
  .nav .download-btn a:hover,
  .nav .download-btn a.active {
    background-color: #73aa95 !important;
    border-color: transparent;
    color: #fff;
  }
  .nav .download-btn a:hover,
  .nav .download-btn a.active {
    color: #fff !important;
  }
  .entradaWrap .wrapDateEntrada {
    border-bottom: 1px solid #fff;
    border-right: medium none;
    color: #ccc;
    margin: 0 0 5px;
    padding: 0 0 5px;
    text-align: left;
  }
  .category-0 .entradaWrap .wrapTexto {
    padding: 5px 0 10px 20px;
  }
  .category-1 .entradaWrap .wrapTexto,
  .category-2 .entradaWrap .wrapTexto {
    padding: 5px 0 10px 0px;
  }
  #pageGaleria .entradaWrap .wrapTexto {
    padding: 15px 0;
  }
  .entradaWrap .wrapEvolution {
    font-size: 30px;
    position: absolute;
    right: 3%;
    top: -47px;
  }
  .slidedown .navbar-toggle {
    margin-top: 8px;
  }
  .top-bar.slidedown .logo,
  .top-bar.slidedown .logoPrivate {
    margin-top: 0;
  }
  #intro .slidedown .nav {
    padding-top: 5px;
  }
  #intro.private-header .slidedown .btnNewMomentMobile {
    top: 12px;
    transition: all ease 0.3s;
  }
  #intro.private-header .slidedown .nav {
    padding-top: 5px;
    transition: all ease 0.3s;
  }
  .top-bar.slidedown {
    padding: 0 0 10px;
  }
  .top-bar.slidedown .btnCerrarSesion {
    top: 18px;
  }
  .private-header .nav > nav > ul > li > a {
    margin-right: 0;
  }
  .public-header .nav li a,
  .public-header .nav li:first-child a.active {
    margin-left: 0;
    margin-right: 0;
  }
  .navbar-toggle {
    display: block;
  }
  .navbar-collapse {
    top: 50px !important;
    transition: all ease 0.3s;
  }
  .navbar-collapse.collapse {
    display: none !important;
    padding: 0;
  }
  .collapse.in {
    display: block !important;
  }
  .notifyjs-notification-base .close {
    right: 25px;
  }
  .wrapCustomScoll {
    max-height: 122px;
  }
  #intro > .wrapTopBar {
    height: 0;
  }
  header {
    background-position: 50% 0 !important;
    background-attachment: scroll;
  }
  #intro.public-header > .wrapTopBar {
    min-height: 0px;
    height: 0;
  }
  #intro.public-header.homeTop > .wrapTopBar {
    height: 55px;
  }
  .wrapTopBar .logo a > img,
  .logo a > img,
  #intro.private-header .logoPrivate img,
  #intro.private-header .slidedown .logoPrivate img {
    width: 150px;
  }
  .top-bar .logo a {
    font-size: 26px !important;
  }
  .top-bar .logoPrivate a {
    font-size: 30px !important;
  }
  .top-bar.slidedown .logoPrivate a {
    font-size: 26px !important;
  }
  .nav li.pointSeparator::after {
    display: none;
  }
  .nav li.lineSeparator::after {
    display: none;
  }
  .nav li a {
    margin-left: 0;
    margin-right: 0;
  }
  #editClock .sectionLeftClock {
    border-right: 0;
  }
  #editClock #wrapShareClock.wrapShareClockIn {
    border-top: 1px dashed #d5d5d5;
  }
  #editClock .modal-title,
  #editClockIn .modal-title {
    width: 100%;
  }
  .wrapAlert {
    width: 80%;
  }
  .nav li.wrap-main-post-button {
    margin: 0;
  }
  .nav li .main-post-button {
    padding: 10px;
    border-radius: 0;
  }
  .nav li .main-post-button:hover {
    background-color: #73aa95;
    border-color: transparent;
    color: #fff;
  }
  #newMoment .wrapOptionsNewEntry .dateDetected {
    box-shadow: none;
    right: 12px;
    margin-top: -40px;
  }
  #newMoment .wrapOptionsNewEntry .dateDetected::after,
  #newMoment .wrapOptionsNewEntry .dateDetected::before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
  }
  #newMoment .wrapOptionsNewEntry .dateDetected::after {
    border-color: rgba(136, 183, 213, 0);
    border-top-color: #fcf8e3;
    border-width: 10px;
    margin-left: -10px;
    margin-top: 0;
  }
  #newMoment .wrapOptionsNewEntry .dateDetected::before {
    border-color: rgba(194, 225, 245, 0);
    border-top-color: #888;
    border-width: 11px;
    margin-left: -11px;
    margin-top: 0;
  }
  .feature .first {
    height: auto;
    top: -72px !important;
  }
  .feature .second {
    height: auto;
    top: -40px !important;
  }
  .feature .third {
    height: 300px;
    top: -39px !important;
    width: auto;
  }
  .feature .fourth {
    height: auto;
    top: -61px !important;
  }
  .download.homeTop .feria {
    width: 500px;
  }
  section#regala-kuicco img {
    height: 106px;
  }
  .bodyHome h2 {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
  .bodyHome h2 {
    font-size: 36px;
  }
  .download.homeTop .feria {
    display: block;
    top: 50px;
  }
  .contenidoText .wrap-content {
    padding: 20px 10px 40px;
  }
  .contenidoText .wrap-content > ol,
  .contenidoText .wrap-content > ul {
    padding-left: 20px;
  }
  .btnRightBarra {
    top: 0;
  }
  #entradasRelojContent.square > .mix {
    width: 100%;
  }
  .download #entradasRelojContent img,
  #misRelojesSection .download img {
    display: block;
  }
  #wrapYearsSon .swiper-container {
    width: 85%;
  }
  #reloj-diario .heading {
    width: 100%;
  }
  #entradasRelojContent > .mix .entradaWrap .wrapButtonsEntrada {
    margin-left: -6px;
  }
  .heading #wrapHeaderSection {
    background-size: cover;
    background-attachment: local;
    background-position: center center;
  }
  #editClock.editClockMyClocks .modal-dialog,
  #editClock .modal-dialog,
  #newKuicco .modal-dialog,
  .modal-small-kuicco .modal-dialog,
  #editClockIn .modal-dialog {
    width: 94%;
  }

  #newMoment .wrapTopMoment button,
  #newMomentEvolucion .wrapTopMoment button,
  #wrapOptionsSearch .filtro-search {
    width: 100%;
  }
  .kuicco-tab-content .col-sm-12 {
    padding: 0;
  }
  .plan li.plan-price {
    font-size: 30px;
  }
  .plan-price span {
    font-size: 18px;
  }
  .wrapBtnSearchChart {
    padding-left: 15px;
  }
  .wrapBarTopChart .closeChart {
    margin-right: 5px;
  }
  .entradaWrap .wrapEntradaCreator > p {
    font-size: 11px;
    opacity: 0.5;
  }
  #editClock #btnSaveClock,
  #editClockIn #btnSaveClockInEdit,
  #newKuicco #btnNewClock {
    position: static;
    width: 100%;
    margin-top: 10px;
  }
  .logoPrivate a > img,
  #intro.private-header .logoPrivate img,
  #intro.private-header .slidedown .logoPrivate img {
    width: 130px;
  }
  #formSignup .wrapNameSingUp {
    padding-right: 15px;
  }
  #formSignup .wrapApeSingUp {
    padding-left: 15px;
  }
  #newMoment .modal-title {
    margin-top: 0;
    margin-bottom: 10px;
  }
  .headline.wrapHomeTopText {
    text-align: center;
  }
  .btnNewMomentMobile > img.icon-new-moment {
    margin-right: 0;
  }
  .entradaWrap .wrapEvolution {
    top: -38px;
  }
  .list-links-footer > li {
    display: block;
  }
  .list-links-footer > li.pointSeparator::after {
    display: none;
  }
  .separator-border-dashed {
    border-right: 0;
  }
  .wrapAlert {
    width: 90%;
  }
  .wrapRegaloPaso2 img {
    display: inline-block !important;
  }
  #btnRegaloKuiccoHome {
    font-size: 25px;
    padding: 20px 10%;
  }
  #download .dw-btns img,
  .dw-btns img {
    display: block !important;
    margin-bottom: 30px;
  }
  .homeTopDownloadApp .dw-btns {
    margin-bottom: 0;
  }
  .homeTopDownloadApp .dw-btns img,
  .dw-btns img {
    display: block !important;
    margin-bottom: 20px;
  }
  #newKuicco .modal-body.conInfo {
    padding-bottom: 105px;
  }
  #newKuicco .modal-body.conInfo .checkbox label {
    margin-top: 15px;
  }
  #newKuicco .modal-body.conInfo .checkbox {
    margin-top: 65px;
  }
  #get-started .get-started,
  #features .feature,
  #pricing .pricing,
  #download .download,
  #contact .contact {
    padding-top: 80px;
  }
  .feature .first,
  .feature .third {
    top: 0 !important;
  }
  .feature .second,
  .feature .fourth {
    top: 12px !important;
  }
  .comparte-kuicco .feature-block {
    padding: 0;
    text-align: center;
  }
  .btn-beta-lg {
    font-size: 17px;
    padding: 20px 10%;
  }
  .headline.wrapHomeTopText .btn-get-gift {
    padding: 19px 6%;
    display: block;
    background-color: transparent;
    border: 0;
    color: #ffdcb1;
  }
  .headline.wrapHomeTopText .btn-get-gift:hover {
    background-color: transparent;
    border: 0;
    color: #fff;
  }
  div.kuicco-tab-menu div.list-group i {
    width: 100%;
  }
  div.kuicco-tab-menu div.list-group > .list-group-item > div {
    width: 100%;
  }
  .image-xs-inline-block,
  div.kuicco-tab-menu div.list-group > .list-group-item > div > img {
    display: inline-block;
  }
  .wrapVideoHome > div {
    width: 100%;
  }
  .wrapMessageErrorHome {
    margin-top: 0;
  }
  .ancla-compra-kuicco {
    top: -100px;
  }
  #gallery .gallery a {
    background: transparent;
  }
  #gallery .gallery a:hover {
    background: transparent;
  }
  #gallery .gallery a:hover img {
    opacity: 1;
  }
  #gallery .gallery .owl-prev {
    display: block !important;
    left: -10px;
  }
  #gallery .gallery .owl-next {
    display: block !important;
    right: -10px;
  }
  #sectionSecurity .pricing {
    text-align: center;
  }
  #sectionSecurity h2 {
    margin-top: 40px;
  }
  .landingRegalaKuicco .wrapDownloadApp .wrapBtnDownloadApp {
    margin-bottom: 30px;
  }
  #intro .headline.wrapHomeTopText h1 {
    font-size: 28px;
    margin: 10px auto 40px;
  }
  section#regala-kuicco h2 {
    margin-top: 40px;
  }
  section#regala-kuicco img {
    height: 370px;
  }
  .no-padding-xs {
    padding: 0;
  }
  .mb-30-xs {
    margin-bottom: 30px;
  }
  .feature img {
    position: static !important;
    display: inline-block;
    width: 240px !important;
    height: auto !important;
  }
  .feature .last-feature-home p {
    margin-bottom: 50px;
  }
}

/** ultra small devices **/

@media (max-width: 550px) {
  .feature img.first {
    width: 195px !important;
  }
  .feature img.second,
  .feature img.fourth {
    display: none;
  }
}

@media (min-width: 800px) {
  .modal-dialog {
    width: 800px;
  }
}

@media (min-width: 992px) {
  .modal-lg {
    width: 900px;
  }
}