.kc-us-link {
color: #5850ec;
}
.kc-flex {
display: flex;
}
.kc-us-link-icon {
width: 2.5rem;
color: #5850ec;
height: 1.5rem;
cursor: pointer;
}
.kc-us-link-create-icon {
width: 2.5rem;
color: #000000;
height: 1.5rem;
cursor: pointer;
}
.kc-us-qr-code .qr {
margin-left: auto;
margin-right: auto;
font-size: 1px;
width: 50%;
} #generate-short-link, #generated-short-link {
text-align: center;
}
#generate-short-link #kc-us-target-url, #generate-short-link #kc-us-short-url {
width: 60%;
display: inline;
border: 1px solid grey;
border-radius: 50px 0px 0px 50px;
background-color: #FFFFFF;
margin: 0px;
font-size: 16px;
}
#generate-short-link #kc-us-submit-btn, #generate-short-link #kc-us-copy-btn {
border: 1px solid grey;
display: inline;
padding: 15px;
background-color: #4662FA;
color: #FFFFFF;
border-radius: 0px 50px 50px 0px;
margin: -5px;
width: 150px;
font-size: 16px;
}
.kc-us-tooltip {
position: relative;
display: inline-block;
}
.kc-us-tooltip .kc-us-tooltiptext {
visibility: hidden;
width: 140px;
background-color: #555;
color: #fff;
text-align: center;
border-radius: 6px;
padding: 5px;
position: absolute;
z-index: 1;
bottom: 150%;
left: 50%;
margin-left: -75px;
opacity: 0;
transition: opacity 0.3s;
}
.kc-us-tooltip .kc-us-tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
.kc-us-tooltip:hover .kc-us-tooltiptext {
visibility: visible;
opacity: 1;
}ul.products .ywctm-custom-button-container{text-align:center;display:flex;flex:1 1 100%;justify-content:center}.ywctm-custom-button-container .ywctm-custom-button{border-width:1px;border-style:solid;cursor:default;display:flex!important;text-align:start;box-sizing:content-box;line-height:24px;font-size:16px;width:auto;flex:1}.ywctm-custom-button-container a.ywctm-custom-button{cursor:pointer;text-decoration:none}.ywctm-custom-button-container span.custom-icon,.ywctm-custom-button-container span.ywctm-icon-form,.ywctm-custom-button-container span.ywctm-icon-form:before,.ywctm-custom-button-container span.ywctm-inquiry-title{display:inline-block;flex:1}.ywctm-custom-button-container span.ywctm-icon-form{margin:0 .4em;flex:0 1}.ywctm-custom-button-container span.custom-icon{margin:0 .4em;flex:1 1;max-width:40px;font-size:0}.ywctm-custom-button-container span.custom-icon img{width:100%}.ywctm-custom-button.ywctm-hover-effect{position:relative;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.ywctm-custom-button.ywctm-hover-effect:after{content:'';position:absolute;z-index:-1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.ywctm-custom-button.ywctm-hover-effect:before{content:'';position:absolute;z-index:-2;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top{overflow:hidden}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:after{width:100%;height:0;top:0;left:0}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:before{width:100%;height:100%;top:0;left:0}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:active:after,.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-top:hover:after{height:100%}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left{overflow:hidden}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:after{width:0;height:100%;top:0;left:0}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:before{width:100%;height:100%;top:0;left:0}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:active:after,.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-slide-left:hover:after{width:100%}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-float{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-float:hover{-webkit-transform:translateY(-8px);-moz-transform:translateY(-8px);-ms-transform:translateY(-8px);-o-transform:translateY(-8px);transform:translateY(-8px)}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-grow-button{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-grow-button:hover{-webkit-box-shadow:0 10px 10px -10px rgba(0,0,0,.6);-moz-box-shadow:0 10px 10px -10px rgba(0,0,0,.6);box-shadow:0 10px 10px -10px rgba(0,0,0,.6);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-push{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-push:hover{-webkit-animation-name:hover-push-effect;animation-name:hover-push-effect;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-iteration-count:1;animation-iteration-count:1}@-webkit-keyframes hover-push-effect{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes hover-push-effect{50%{-webkit-transform:scale(.8);transform:scale(.8)}100%{-webkit-transform:scale(1);transform:scale(1)}}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color{-moz-transition:all .15s ease-out .15s;-o-transition:all .15s ease-out .15s;-ms-transition:all .15s ease-out .15s;transition:all .15s ease-out .15s;-webkit-transition:all .15s ease-out .15s;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color:before{content:'';position:absolute;top:-7px;left:-7px;-moz-transition:all .15s ease-out .15s;-o-transition:all .15s ease-out .15s;-webkit-transition:all .15s ease-out .15s;transition:all .15s ease-out .15s;-webkit-transition-delay:.15s;-moz-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s;height:100%;width:100%}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-move-hover-color:hover:before{left:0;top:0}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-press{-moz-box-shadow:0 8px 20px 1px rgba(0,0,0,.27);-webkit-box-shadow:0 8px 20px 1px rgba(0,0,0,.27);box-shadow:0 8px 20px 1px rgba(0,0,0,.27)}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-press:hover{-webkit-box-shadow:0 3px 6px 1px rgba(0,0,0,.08);-moz-box-shadow:0 3px 6px 1px rgba(0,0,0,.08);box-shadow:0 3px 6px 1px rgba(0,0,0,.08);-webkit-transform:translateY(3px);-ms-transform:translateY(3px);-moz-transform:translateY(3px);-o-transform:translateY(3px);transform:translateY(3px)}.ywctm-custom-button.ywctm-hover-effect.ywctm-effect-shake:hover{backface-visibility:hidden;-o-backface-visibility:hidden;-ms-backface-visibility:hidden;-moz-backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:translateZ(0);-o-transform:translateZ(0);-ms-transform:translateZ(0);-moz-transform:translateZ(0);-webkit-transform:translateZ(0);animation-name:hover-shake;-o-animation-name:hover-shake;-ms-animation-name:hover-shake;-moz-animation-name:hover-shake;-webkit-animation-name:hover-shake;animation-duration:5s;-o-animation-duration:5s;-ms-animation-duration:5s;-moz-animation-duration:5s;-webkit-animation-duration:5s;animation-timing-function:linear;-o-animation-timing-function:linear;-ms-animation-timing-function:linear;-moz-animation-timing-function:linear;-webkit-animation-timing-function:linear;animation-iteration-count:infinite;-o-animation-iteration-count:infinite;-ms-animation-iteration-count:infinite;-moz-animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;animation-play-state:running;-o-animation-play-state:running;-ms-animation-play-state:running;-moz-animation-play-state:running;-webkit-animation-play-state:running}@keyframes hover-shake{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@-webkit-keyframes hover-shake{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@-moz-keyframes hover-shake{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@-o-keyframes hover-shake{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}@keyframes hover-shake{2%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}4%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}6%{-webkit-transform:translateX(3px) rotate(2deg);transform:translateX(3px) rotate(2deg)}8%{-webkit-transform:translateX(-3px) rotate(-2deg);transform:translateX(-3px) rotate(-2deg)}10%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}12%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}14%{-webkit-transform:translateX(2px) rotate(1deg);transform:translateX(2px) rotate(1deg)}16%{-webkit-transform:translateX(-2px) rotate(-1deg);transform:translateX(-2px) rotate(-1deg)}18%{-webkit-transform:translateX(1px) rotate(0);transform:translateX(1px) rotate(0)}20%{-webkit-transform:translateX(-1px) rotate(0);transform:translateX(-1px) rotate(0)}}