* {
border:0;
margin:0;
padding:0
}

*,
*:after,
*:before {
-moz-box-sizing:border-box;
box-sizing:border-box;
-webkit-font-smoothing:antialiased;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
-moz-osx-font-smoothing: grayscale;
outline: none;
min-height: 0vw;
}

::-moz-selection {
color: #d0043a;
background: #202629;
}

::selection {
color: #d0043a;
background: #202629;
}

html { 
font-size: calc(13px + (18 - 13) * ((100vw - 320px) / (2560 - 320)));
width: 100%;
height: 100%;
position: relative;
overflow-y:scroll;
}

.animate03 {
transition: all 0.3s ease-in-out;
}

.animate06 {
transition: all 0.6s ease-in-out;
}

.animate09 {
transition: all 0.9s ease-in-out;
}

.animate12 {
transition: all 1.2s ease-in-out;
}

.animate15 {
transition: all 1.5s ease-in-out;
}

.animate18 {
transition: all 1.8s ease-in-out;
}

.animate21 {
transition: all 2.1s ease-in-out;
}

.animate24 {
transition: all 2.4s ease-in-out;
}

/*------------------------------------*\
	SCROLL ICON
\*------------------------------------*/

.scrollbtn {
position: fixed;
bottom: 3vh;
right: calc(3vw + 10px);
width: 20px;
height: 50px;
z-index: 1000;
opacity: 1;
transform: scale(0)
}

.scrollbtn.show {
transform: scale(1)
}

.scrollbtn span {
position: absolute;
width: 20px;
height: 50px;
border: 2px solid #d0043a;
border-radius: 50px;
box-sizing: border-box;
}

.scrollbtn span::before {
position: absolute;
top: 5px;
left: 50%;
content: '';
width: 6px;
height: 6px;
margin-left: -3px;
background-color: #d0043a;
border-radius: 100%;
-webkit-animation: scrdwn 2s infinite;
animation: scrdwn 2s infinite;
}

@-webkit-keyframes scrdwn {
  0% {
    -webkit-transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    -webkit-transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes scrdwn {
  0% {
    transform: translate(0, 0);
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
  80% {
    transform: translate(0, 30px);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}

/*------------------------------------*\
	SCROLLBAR
\*------------------------------------*/

.mCSB_container {
margin: 0 !important
}

.mCSB_scrollTools {
opacity: 0 !important;
pointer-events: none;
cursor: pointer
}

/*------------------------------------*\
	AJAX LOADER
\*------------------------------------*/

.morebtn,
.jobform {
font-family:"basier_square_monoregular", sans-serif;
display: inline-block;
background: rgba(255,255,255, 0.3);
color: #202629;
padding: 5px 50px;
border-radius: 20px;
margin: 0 0 3vh 0;
position: relative
}

.jobform {
  background: rgba(255,255,255, 1);
  text-decoration: none !important;
color: #202629 !important;
}

.morebtn:hover {
background: rgba(255,255,255, 0.6);
}

.morebtn.active:after {
content: "";
position: absolute;
border-radius: 100%;
right: 6px;
top: 50%;
width: 0px;
height: 0px;
margin-top: -2px;
border: 2px solid rgba(36, 50, 38, 0.5);
border-left-color: rgba(36, 50, 38, 1);
border-top-color: rgba(36, 50, 38, 1);
animation: spin .6s infinite linear, grow .3s forwards ease-out;
}

@keyframes spin { 
    to {
        transform: rotate(359deg);
    }
}
@keyframes grow { 
    to {
        width: 14px;
        height: 14px;
        margin-top: -8px;
        right: 13px;
    }
}

.upBtn {
width: 40px;
height: 40px;
background: transparent;
border: 2px solid #d0043a;
position: fixed;
bottom: 3vh;
right: 3vw;
cursor: pointer;
z-index: 500;
border-radius: 50%;
transform: scale(0);
}

.upBtn::after {
content: "";
position: absolute;
right: 13px;
z-index: 11;
display: block;
border:5px solid transparent;
border-top: 5px solid #d0043a;
border-left: 5px solid #d0043a;
top: 16px;
transform: rotate(45deg);
}

.upBtn.active {
transform: scale(1)
}

.mouse {
width: 24px;
height: 60px;
border: 1px solid #d0043a;
border-radius: 60px;
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 40px;
z-index: 10;
opacity: 1;
}

.mouse::before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 5px;
left: 50%;
transform: translateX(-50%);
background-color: #d0043a;
border-radius: 50%;
opacity: 1;
animation: wheel 2s infinite;
-webkit-animation: wheel 2s infinite;
}

@keyframes wheel {
  to {
    opacity: 0;
    top: 45px;
  }
}

@-webkit-keyframes wheel {
  to {
    opacity: 0;
    top: 45px;
  }
}

@keyframes border {
  to {
    opacity: 0;
  }
}

@-webkit-keyframes border {
  to {
    opacity: 0;
  }
}

#mia {
position: fixed;
bottom:3vh;
left:5vw;
z-index: 1001;
max-width: 100px
}