@charset "utf-8";
/* CSS Document */
        
            
            .ht-cursor {
              position: fixed;
              top: 0;
              left: 0;
              z-index: 150;
              color:#997c36;
              contain: layout style size;
              pointer-events: none;
              will-change: transform;
              -webkit-transition: opacity 0.3s, color 0.4s;
              -o-transition: opacity 0.3s, color 0.4s;
              -moz-transition: opacity 0.3s, color 0.4s;
              transition: opacity 0.3s, color 0.4s; 
              }


              .ht-cursor:before {
                content: "";
                position: absolute;
                top: -24px;
                left: -24px;
                display: block;
                width: 48px;
                height: 48px;
                -webkit-transform: scale(0);
                   -moz-transform: scale(0);
                    -ms-transform: scale(0);
                     -o-transform: scale(0);
                        transform: scale(0);
                background: currentColor;
                -webkit-border-radius: 50%;
                   -moz-border-radius: 50%;
                        border-radius: 50%;
                -webkit-transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
                transition: opacity 0.1s, -webkit-transform 0.3s ease-in-out;
                -o-transition: opacity 0.1s, -o-transform 0.3s ease-in-out;
                -moz-transition: transform 0.3s ease-in-out, opacity 0.1s, -moz-transform 0.3s ease-in-out;
                transition: transform 0.3s ease-in-out, opacity 0.1s;
                transition: transform 0.3s ease-in-out, opacity 0.1s, -webkit-transform 0.3s ease-in-out, -moz-transform 0.3s ease-in-out, -o-transform 0.3s ease-in-out; 
             }

              .ht-cursor-text {
                position: absolute;
                top: -65px;
                left: -65px;
                width: 200px;
                height: 200px;
				  	/*background:url('../images/link-icon.svg');
				  background-position:center;
				  background-repeat: no-repeat;*/
					background-size:20%;
                display: -webkit-box;
                display: -webkit-flex;
                display: -moz-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -webkit-align-items: center;
                   -moz-box-align: center;
                    -ms-flex-align: center;
                        align-items: center;
                -webkit-box-pack: center;
                -webkit-justify-content: center;
                   -moz-box-pack: center;
                    -ms-flex-pack: center;
                        justify-content: center;
                -webkit-transform: scale(0) rotate(10deg);
                   -moz-transform: scale(0) rotate(10deg);
                    -ms-transform: scale(0) rotate(10deg);
                     -o-transform: scale(0) rotate(10deg);
                        transform: scale(0) rotate(10deg);
                opacity: 0;
                color: #fff;
				border:1px solid #997c36;
				border-radius:200px;  
				/*mix-blend-mode: exclusion; */
                font-size: 18px;
                line-height: 60px;
                text-align: center;
                letter-spacing: 0;
                -webkit-transition: opacity 0.4s, -webkit-transform 0.3s;
                transition: opacity 0.4s, -webkit-transform 0.3s;
                -o-transition: opacity 0.4s, -o-transform 0.3s;
                -moz-transition: opacity 0.4s, transform 0.3s, -moz-transform 0.3s;
                transition: opacity 0.4s, transform 0.3s;
                transition: opacity 0.4s, transform 0.3s, -webkit-transform 0.3s, -moz-transform 0.3s, -o-transform 0.3s; 
             }

              @supports (mix-blend-mode: exclusion) {
				  
                .ht-cursor.-exclusion, .ht-cursor.-opaque {
                  mix-blend-mode: multiply; } 
				  
				  .ht-cursor.-exclusion, .ht-cursor.-opaque-new {
                  mix-blend-mode: multiply; } 
				  
}
              @supports (mix-blend-mode: exclusion) {
                .ht-cursor.-exclusion:before, .ht-cursor.-opaque:before {
                /*background: #372C1F; */
                 /* border:1px solid white;*/
                } 
  .ht-cursor.-exclusion:before, .ht-cursor.-opaque-new:before {
                 /* background: white; */
                 /* border:1px solid white;*/
                }
}

              .ht-cursor.-normal, .ht-cursor.-text {
               /* mix-blend-mode: exclusion; */

}

                .ht-cursor.-normal:before, .ht-cursor.-text:before {
                 background:rgb(153 124 54 / 40%);
                 width: 120px;
                 height: 120px;
}
              .ht-cursor.-inverse {
                color: white; }
              .ht-cursor.-visible:before {
                -webkit-transform: scale(0.2);
                   -moz-transform: scale(0.2);
                    -ms-transform: scale(0.2);
                     -o-transform: scale(0.2);
                        transform: scale(0.2); }
              .ht-cursor.-visible.-active:before {
                -webkit-transform: scale(0.23);
                   -moz-transform: scale(0.23);
                    -ms-transform: scale(0.23);
                     -o-transform: scale(0.23);
                        transform: scale(0.23);
                -webkit-transition-duration: 0.2s;
                   -moz-transition-duration: 0.2s;
                     -o-transition-duration: 0.2s;
                        transition-duration: 0.2s; }
              .ht-cursor.-pointer:before {
                -webkit-transform: scale(0.15);
                   -moz-transform: scale(0.15);
                    -ms-transform: scale(0.15);
                     -o-transform: scale(0.15);
                        transform: scale(0.15); }
              .ht-cursor.-text:before {
                opacity: 0.85;
                -webkit-transform: scale(1.7);
                   -moz-transform: scale(1.7);
                    -ms-transform: scale(1.7);
                     -o-transform: scale(1.7);
                        transform: scale(1.7); }
              .ht-cursor.-text .ht-cursor-text {
                opacity: 1;
                -webkit-transform: scale(1);
                   -moz-transform: scale(1);
                    -ms-transform: scale(1);
                     -o-transform: scale(1);
                        transform: scale(1); }
              .ht-cursor.-text.-active:before {
                -webkit-transform: scale(1.6);
                   -moz-transform: scale(1.6);
                    -ms-transform: scale(1.6);
                     -o-transform: scale(1.6);
                        transform: scale(1.6);
                -webkit-transition-duration: 0.2s;
                   -moz-transition-duration: 0.2s;
                     -o-transition-duration: 0.2s;
                        transition-duration: 0.2s; }
              .ht-cursor.-opaque:before {
				    content:'';
					/*background:url('../images/link-icon.svg'), #372C1F;*/
				  background-position:center;
				  background-repeat: no-repeat;
					background-size:40%;
                -webkit-transform: scale(1.32);
                   -moz-transform: scale(1.32);
                    -ms-transform: scale(1.32);
                     -o-transform: scale(1.32);
                        transform: scale(1.32); }
              .ht-cursor.-opaque.-active:before {
				 
                -webkit-transform: scale(1.2);
                   -moz-transform: scale(1.2);
                    -ms-transform: scale(1.2);
                     -o-transform: scale(1.2);
                        transform: scale(1.2); }

 .ht-cursor.-opaque-new:before {
				    content:'';
				/*	background:url('../images/other-link-icon.svg'), #372C1F;*/
				  background-position:center;
				  background-repeat: no-repeat;
					background-size:30%;
                -webkit-transform: scale(1.32);
                   -moz-transform: scale(1.32);
                    -ms-transform: scale(1.32);
                     -o-transform: scale(1.32);
                        transform: scale(1.32); }
              .ht-cursor.-opaque-new.-active:before {
                -webkit-transform: scale(1.2);
                   -moz-transform: scale(1.2);
                    -ms-transform: scale(1.2);
                     -o-transform: scale(1.2);
                        transform: scale(1.2); }


              .ht-cursor.-md:before {
                -webkit-transform: scale(1.5);
                   -moz-transform: scale(1.5);
                    -ms-transform: scale(1.5);
                     -o-transform: scale(1.5);
                        transform: scale(1.5); }
              .ht-cursor.-lg:before {
                -webkit-transform: scale(2);
                   -moz-transform: scale(2);
                    -ms-transform: scale(2);
                     -o-transform: scale(2);
                        transform: scale(2); }
              .ht-cursor.-hidden:before {
                -webkit-transform: scale(0);
                   -moz-transform: scale(0);
                    -ms-transform: scale(0);
                     -o-transform: scale(0);
                        transform: scale(0); }
            
            .-color-red {
              color: #D20A0A; }
            
            .-color-green {
              color: #83B002; }
            
            .-color-accent-lilac {
              color: #8d53e9; 
              opacity:0.5;}
              
              .-color-gold {
              color:#ffe6ea;
              opacity:0.5;
              }
             
            
            .-color-accent-lilac-bg {
              background: #8d53e9; }