/*border-radius:16px} */

.sk-eskemas{padding:6px;letter-spacing:.2px; color:red !important}
.sk-bing .uk-background-norepeat {transition: background-size .6s ease-in-out;background-size: auto 110% !important;}
.sk-big .uk-background-norepeat:hover {background-size:auto 118% !important}
.sk-round{border-radius: 20px;}
.sk-upercase .el-title{text-transform:uppercase}

.sk-panel{
translate: -50% -50%;
transition: /* background 0.8s ease-in-out,  */transform 0.2s ease-in-out;
align-content: center
}
.sk-panel:hover {
border-radius: 8px;
/* background: rgba( 255, 255, 255, 0.25 ); */
	}


.sk-letter .el-title{
  transition: letter-spacing .2s, color .6s;
  letter-spacing:1px;
  color:#888
}

.sk-letter .el-title:hover {
 color:#242424;
    letter-spacing:4px
}

@media(max-width:600px){/*clase contenida*/.sk-slidertop{margin-top:120px !important}}
@media(max-width: 600px){/*clase contenida*/.sk-panel{background: none !important; border: none !important}}
@media(max-width: 600px){/*clase contenida*/.sk-letter .el-image{transform:scale(.6)}}
@media(max-width: 600px){/*clase contenida*/.sk-letter .el-title{transform:scale(.8)}}
@media(max-width: 600px){/*clase contenida*/.sk-padding {padding-left: 36px !important; padding-right:36px !important}/*_____*/ }
@media (max-width: 600px){/*clase contenida*/.sk-square .el-image {aspect-ratio: 1/1;object-fit: cover;}/*_____*/}
@media (max-width: 600px){/*clase contenida*/.sk-squareSL .el-image {aspect-ratio: 1/1.4;object-fit: cover;}/*_____*/}
@media (max-width: 600px){/*clase contenida*/.sk-border{border:none !important; padding: 0 !important;position: absolute;}/*_____*/}
@media(max-width: 600px){/*clase contenida*/.sk-icon{transform:scale(.6)}}


.sk-meta .el-meta{transition: color 0.8s linear 0.2s }
.sk-meta .el-meta:hover{color:#868686 !important}

.sk-round img {border-radius:16px 16px 6px 6px}
.sk-roundcl {border-radius:16px}
.sk-roundbg {background:#FBF5EB80}
.sk-roundtop{background:#FBF5EB80; border-radius: 16px 16px 0 0}
.sk-roundtop .uk-background-norepeat {border-radius: 16px 16px 0 0}
.sk-roundbottom{background:#FBF5EB80; border-radius: 0 0 16px 16px}
.sk-roundpad {padding:10px !important}
.sk-roundsh {border-radius:16px !important;	-webkit-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.08);-moz-box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.08);box-shadow: 0px 20px 40px 0px rgba(0,0,0,0.08); }
.sk-roundcl .uk-background-norepeat {border-radius: 16px;}
.sk-round .uk-background-norepeat {border-radius: 16px;}
.sk-round .el-item{border-radius:12px; overflow:hidden}
.sk-roundsh .el-item{border-radius:12px; overflow:hidden}
.uk-grid-item-match > :not([class*="uk-width"]), .uk-grid-match > * > :not([class*="uk-width"]) {background: transparent}
.sk-phone a{font-size: 32px}


.sk-primary{background:#FCF6EC !important}
.sk-contrast{background:#CDD79F32 !important}

.sk-hover .el-item{
    background:#fff;
    transition:.2s ease-in-out;
    padding: 8px;
	}
.sk-hover .el-item:hover{background: #f1f1f1; border-radius: 30px}

.sk-tip {
  position: relative;
  padding: 12px 24px;
  transition: all 0.2s ease;
  text-transform: uppercase;
  text-decoration: none;
}
.sk-tip:before {
  content: "";
  position: absolute;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  transform: translate3d(-50%, 0%, 0);
  transition: all 0.2s ease;
  transition-delay: .2s;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 8px 0 8px;
  border-color: #442917 transparent transparent transparent;
}
.sk-tip:after {
  text-transform: none;
  content: attr(data-tooltip);
  font-size: 16px;
  position: absolute;
  color: #fff;
  background: #442917;
  padding: 8px 12px;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  max-width: 200px;
  opacity: 0;
  pointer-events: none;
  left: 50%;
  top: 0;
  border-radius: 24px;
  transform: translate3d(-50%, 0%, 0);
  transition: all 0.2s ease;
  transition-delay: .2s;
  font-weight: 300;
  font-family: sans-serif !important
}
.sk-tip:hover {
 
}
.sk-tip:hover:before, .sk-tip:hover:after {
  opacity: 1;
}
.sk-tip:hover:before {
  transform: translate3d(-50%, calc(-100% - 21px), 0);
}
.sk-tip:hover:after {
  transform: translate3d(-50%, calc(-100% - 16px), 0);
}

abbr[data-title] {
  position: relative;
  text-decoration: underline dotted;
}

abbr[data-title]:hover::after,
abbr[data-title]:focus::after {
  content: attr(data-title);
  position: absolute;
  left: 50%;
  top: -10px;
  transform: translateX(-50%);
  width: auto;
  white-space: nowrap;
  color: #fff;
   font-size: 14px;
   font-weight: 200;
  padding: 3px 5px;
  font-family: sans-serif
}

.sk-chat {
  background:#ACCD30;
  position: relative;
  padding:24px 40px;
  line-height:1.3;
  border-radius: 16px
}

.sk-chat:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid #ACCD30;
  border-right: 10px solid transparent;
  border-top: 10px solid #ACCD30;
  border-bottom: 10px solid transparent;
  right: -19px;
  top: 16px;
}

.sk-spinner {
  border-radius: 50%;
  position: relative;
  display: inline-block;
  margin: 0px auto;
  z-index: 40 !important;
}
.sk-spinner:after, .sk-spinner:before {
  content: "";
  display: block;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  z-index: -2;
  margin: 0 auto;
 }
.sk-spinner-4:before, .sk-spinner-4:after {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -60px;
  margin-left: -60px;
  background:#CDD79F;
  -webkit-animation: pulse 1.8s linear infinite;
          animation: pulse 1.8s linear infinite;
  opacity: 0;
  z-index: -2
}
.sk-spinner-4:after {
  -webkit-animation: pulse 1.8s linear 0.5s infinite;
          animation: pulse 1.8s linear 0.5s infinite;
          z-index:- 2
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1.3);
            transform: scale(1.3);
    opacity: 0;
  }
}



.sk-uppercase .el-title{text-transform: uppercase}

.sk-floating {
	position: relative;
	transform: translateY(0);
	transition: transform .6s;
}
.sk-floating:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0px;
    left: 50%;
    height: 20px;
    width: 90%; 
    -webkit-filter: blur(6px);
  -moz-filter: blur(6px);
  -o-filter: blur(6px);
  -ms-filter: blur(6px);
  filter: blur(6px);
    border-radius: 50%;
    background-color: rgba(0, 0, 0, 0.1);
    transform: translate(-50%, 0);
    transition: transform .6s;
    z-index: -1
}

/* Hover States */
.sk-floating:hover {
	transform: translateY(10px);
	transition: transform 1s;
	
}
.sk-floating:hover:after {
	transform: translate(-50%, 40px) scale(0.82);
	transition: transform 1s;
}

.sk-scale{
    transform:scale(1) translateY(0px);
    transition:.6s ease-in-out;
	}
.sk-scale:hover{transform:scale(1.04)translateY(0px)}

.sk-border{border: 1px solid rgba(181, 181, 181, 0.62);padding: 20px 10px 20px 40px}

.sk-lineafter::after {
    content: '';
    display:inline-block;
    width: 20px;
    height: 1.2px;
    background: #000;
    transition: width .4s;
    transform: translate(0px, -4px );
    opacity:.6
}
.sk-lineafter:hover::after {
    width: 60px;
    transition: width .4s;
    transform: translate(0px, -4px);
    height:1.2px;
    opacity:1;
   
}

.sk-upsize {
    transition: letter-spacing .2s ease-in-out;
    letter-spacing:0px;
    opacity:.6
}

.sk-upsize:hover {
    transition: letter-spacing .2s ease-in-out;
    letter-spacing:1px;
    opacity:1
}
.sk-frame{padding: 40px}

.sk-frame .el-title:after{content: '';
    display:inline-block;
    width: 20px;
    height: 1.2px;
    background: #000;
    transition: width .4s;
    transform: translate(0px, -4px );
    opacity:.6
}
.sk-frame .el-title:hover::after {
    width: 60px;
    transition: width .4s;
    transform: translate(0px, -4px);
    height:1.2px;
    opacity:1;
   
}

.sk-inside{
	background: rgba(255,255,255,0.4);
    transition:.8s ease-in-out; padding: 40px
	}
