html,
*{
/*cursor: none!important; */
}

.cursor,.cursorinner::after,.cursorinner:before{
width: 15px;
height: 15px;
}
.cursor{
  position: fixed;
  border-radius: 50%;
  pointer-events: none;
  z-index: 999;
  }
.cursorinner::after{
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;

border: 1.5px solid black;
transform: translateY(-50%) translateX(-50%);
border-radius: 100%;
background-color: transparent;
opacity: 1;
animation: cursoranim 2s infinite;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.cursorinnerinner::before{
content: "";
display: block;
position: absolute;
top: 50%;
transform: translateY(-50%) translateX(-50%);
left: 50%;
border: 1px solid black;
width: 4px;
height: 4px;
border-radius: 100%;
z-index: 100;
display: none!important;
}

.cursor-latestnews1 .cursor,
.cursor-latestnews1 .cursorinner::after,
.cursor-latestnews1 .cursorinner:before{
width:600px;
height: 800px;
border-radius: 0px;
}

.cursor-contactbutton .cursor{
transform: scale(0);
}
.cursor-contactbutton .ccontactbutton .cvcenter{
background: #333347;
transform: scale(1.1);
}
.cursor-default .cursor,.cursor-default .cursorinner::after, .cursor-default .cursorinner:before {
    width: 60px;
    height: 60px;
}
@keyframes cursoranim {
    0% {
        transform: translateY(-50%) translateX(-50%) scale(1);
    }
    50% {
        transform: translateY(-50%) translateX(-50%)  scale(1.1);
    }
    100% {
        transform: translateY(-50%) translateX(-50%)  scale(1);
    }
}
.cursorinner{
position: relative;
height: 100%;
}
.cursorinner:before{
content: "";
display: block;
position: absolute;
background: #fff;
top: 50%;
left: 50%;
z-index: 4;
transform: translateY(-50%) translateX(-50%);
border-radius: 100%;
box-sizing: border-box;
animation: cursoranim 2s infinite;
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
}
.cursor-noopa .cursorinner::after{
background: transparent;
}
.cursor-100px .cursor,.cursor-100px .cursorinner::after,.cursor-100px .cursorinner:before{
width: 60px;
height: 60px;

}
.cursor-200px .cursor,.cursor-200px .cursorinner::after,.cursor-200px .cursorinner:before{
width: 160px;
height: 160px;

}
.cursor-next .cursor,
.cursor-prev .cursor{
mix-blend-mode: normal!important;
}
.cursor-next .cursorinner::after{
width: 120px;
height: 120px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/i-flleft.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 30px auto;
}
.cursor-next .cursorinner::before{
display: none;
}

.cursor-prev .cursorinner::after{
width: 120px;
height: 120px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/i-flright.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 30px auto;
}
.cursor-prev .cursorinner::before{
display: none;
}

.cursor-textmid .cursorinner::after{
width: 125px;
height: 125px;
background: #E52740;
opacity: 1;
}
.cursor-textmid .cursorinner::before{
display: none;
}
.cursor-textbig .scursortext{
width: 245px;
height: 245px;
position: absolute;
top: -105px;
left: -108px;
}
.cursor-textbig .cursorinner::after{
width: 195px;
height: 195px;
background: #E52740;
opacity: 1;
}
.cursor-textbig .cursorinner:before{
border: 4px solid #E52740;
}

.cursor-dblue .cursorinner::after{
background: #333347;
}
.cursor-dblue .cursorinner:before{
border: 4px solid #333347;
}


.cursor-textmid .cursorinner::before{
display: none;
}


.cursorinnerinner{
position: relative;
}
.cursorinnerinner{
height: 100%;
}
.scursortext{


}
.scursortext div{
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
z-index: 200;
text-align: center;
color: white;
font-size:16px;
line-height: 15px;
font-family: 'Kanit', sans-serif;
font-weight: 600;
text-transform: uppercase;
}

.cursor-scrolldown .scursortext div::after{
content: "";
display: inline-block;
margin-bottom: -26px;
margin-top: 2px;
height:27px;
width: 3px;
background: white;
-webkit-animation: elasticus 1.2s cubic-bezier(1,0,0,1) infinite;
    -moz-animation: elasticus 1.2s cubic-bezier(1,0,0,1) infinite;
    -o-animation: elasticus 1.2s cubic-bezier(1,0,0,1) infinite;
    animation: elasticus 1.2s cubic-bezier(1,0,0,1) infinite;
}
.cursor-bye .cursor{
transform: scale(0);
}
.cborder1,.cborder2,.cborder3,.cborder4{
position: fixed;
top: 0px;
left: 0px;
z-index: 9999;
}
.cborder1,.cborder2{
width: 100%;
height: 30px;
}
.cborder2{
top: auto;
bottom: 0px;
}
.cborder3,.cborder4{
width: 30px;
height: 100%;
}
.cborder4{
left: auto;
right: 0px;
}
.cursor-more .cursor{
mix-blend-mode: normal!important;
}

.cursor-more .cursorinner::after{
width: 120px;
height: 120px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/i-more.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 30px auto;
}
.cursor-more .cursorinner::before{
display: none;
}



.cursor-play .cursor{
mix-blend-mode: normal!important;
}

.cursor-play .cursorinner::after{
width: 120px;
height: 120px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/i-play.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 22px auto;
}
.cursor-play .cursorinner::before{
display: none;
}

.cursor-cursormove .cursorinner::after{
width: 90px;
height: 90px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/cursor-move.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 50px auto;
}
.cursor-cursormove .cursorinner::before{
display: none;
}

.cursor-cursormove .cursorinnerinner::before{
border: 1px solid transparent;
}
.cursor-idiom .cursorinner::before,
.cursor-idiom .cursorinner::after{
opacity: 0;
}



.cursor-more .cursorinner::after{
width: 120px;
height: 120px;
background: #fff;
opacity: 1;
background-image: url('img/elementos/cursor-more.svg');
background-repeat: no-repeat;
background-position: center;
background-size: 40px auto;
}
.cursor-more .cursorinner::before{
display: none;
}

.cursor-more .cursorinnerinner::before{
border: 1px solid transparent;
}
.cursor-idiom .cursorinnerinner::before{
opacity: 0;
}
@media (hover: none) {
    .cursor{
    display: none!important;
    }
}

@media (max-width: 900px){
.cursor{
display: none!important;
}
}