:root{
    /* Links */
    --tt-link-color: #c93b00 !important; /* Link color. #c93b00 */
    --tt-link-hover-color: #f5533a !important; /* Link hover color. #f5533a */
}
body  {
    counter-reset:  tt-form-creative-counter;
}
textarea  {
    resize:  vertical !important;
    min-height:  219px; /*218*/
    max-height:  405px; /*441*/
}
.theme-label-color {
    color: var(--tt-text-muted-color);
}
.text-medium {font-size: 15px}
.alternative-list-style ul  {
    list-style:  none;
}
.alternative-list-style li::before  {
    content:  "⤷";
    padding-right:  8px;
}
.disabled-link  {
    text-decoration:  none !important;
}
.disabled-link:hover  {
    text-decoration:  none !important;
    cursor:  not-allowed;
}
[data-tooltip]  {
    position:  relative;
    cursor:  pointer;
}
[data-tooltip]::after  {
    position:  absolute;
    opacity:  0;
    pointer-events:  none;
    content:  attr(data-tooltip);
    left:  0;
    top:  calc(100% + 10px);
    border-radius:  3px;
    box-shadow:  0 0 5px 2px rgba(0,  0,  0,  0.3);
    background-color:  var(--tt-text-color);
    color:  var(--tt-bg-color);
    font-size:  14px;
    font-weight:  300;
    font-family:  var(--tt-body-font);
    z-index:  10;
    padding:  10px;
    width:  95px;
    line-height:  16px;
    transform:  translateY(-20px);
    transition:  all 400ms cubic-bezier(.25,  .8,  .25,  1);
}
[data-tooltip]:hover::after  {
    opacity:  1;
    transform:  translateY(0);
    transition-duration:  400ms;
}
.box-hidden  {
    display:  none !important;
    height: 0;
    overflow: hidden;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
}
.box-animate-in  {
    display:  none;
    animation:  fade-in .3s;
}
@keyframes fade-in  {
    from {
        opacity:  0;
        -webkit-transform:  translateY(0) scale(0.8);
        -moz-transform:  translateY(0) scale(0.8);
        -o-transform:  translateY(0) scale(0.8);
        -ms-transform:  translateY(0) scale(0.8);
        transform:  translateY(0) scale(0.8);
    }
    to {
        opacity:  1;
        -webkit-transform:  translateY(0) scale(1);
        -moz-transform:  translateY(0) scale(1);
        -o-transform:  translateY(0) scale(1);
        -ms-transform:  translateY(0) scale(1);
        transform:  translateY(0) scale(1);
    }
}
.box-animate-out  {
    animation:  fade-out .3s;
}
@keyframes fade-out  {
    from {
        opacity:  1;
        -webkit-transform:  translateY(0) scale(1);
        -moz-transform:  translateY(0) scale(1);
        -o-transform:  translateY(0) scale(1);
        -ms-transform:  translateY(0) scale(1);
        transform:  translateY(0) scale(1);
    }
    to {
        opacity:  0;
        -webkit-transform:  translateY(0) scale(0.8);
        -moz-transform:  translateY(0) scale(0.8);
        -o-transform:  translateY(0) scale(0.8);
        -ms-transform:  translateY(0) scale(0.8);
        transform:  translateY(0) scale(0.8);
    }
}


.shake-slow:hover {
    animation: animation-shake-slow;
    animation-duration: 2s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
}
@keyframes animation-shake-slow {
    10% {transform: translate(1px, 1px) rotate3d(0, 4, 1, 2deg);}
    20% {transform: translate(0px, 0px) rotate3d(0, 3, 1, -1deg);}
    30% {transform: translate(1px, 1px) rotate3d(0, 4, 1, 2deg);}
    40% {transform: translate(0px, 0px) rotate3d(0, 3, 1, -2deg);}
    50% {transform: translate(1px, 1px) rotate3d(0, 4, 1, 2deg);}
    60% {transform: translate(0px, 0px) rotate3d(0, 3, 1, -1deg);}
    70% {transform: translate(1px, 1px) rotate3d(0, 4, 1, 2deg);}
    80% {transform: translate(0px, 0px) rotate3d(0, 3, 1, -2deg);}
    90% {transform: translate(1px, 1px) rotate3d(0, 4, 1, 2deg);}
}

.tt-btn:hover .shake {
    animation: animation-shake;
    animation-duration: 1s;
    animation-direction: alternate;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    will-change: transform;
    backface-visibility: hidden;
}
@keyframes animation-shake {
    10% {transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg);}
    20% {transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg);}
    30% {transform: translate(-1px, -1px) rotate3d(0, 0, 1, 2deg);}
    40% {transform: translate(0px, 0px) rotate3d(0, 0, 1, -2deg);}
    50% {transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg);}
    60% {transform: translate(1px, 0px) rotate3d(0, 0, 1, -2deg);}
    70% {transform: translate(0px, 0px) rotate3d(0, 0, 1, 2deg);}
    80% {transform: translate(0px, 1px) rotate3d(0, 0, 1, -2deg);}
    90% {transform: translate(1px, 1px) rotate3d(0, 0, 1, 2deg);}
}

#the-count {
  float: right
}

.ul-list-style {
    padding-left:0;
    list-style-type: '\00B7'
}

.font-size-60p {
    font-size: 60%
}