.page {
    overflow-x: hidden !important;
}
body {
    background: #080707;
    margin: 0;
}
.container {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}
*,
*:after,
*:before {
	box-sizing: border-box;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
}
:root {
    --font-roboto: 'Roboto';
    --font-fredoka: 'Fredoka';
} 
select {
    appearance: none !important;
    background: url('/assets/images/select.svg') no-repeat right !important;
    background-position-x: calc(100% - 8px) !important;
}
.anim-left {
    opacity: 0;
    transform: translateX(-50%);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.anim-right {
    opacity: 0;
    transform: translateX(50%);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -webkit-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    -o-transform: translateX(50%);
    -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.anim-pl {
    opacity: 0;
    transform: scale(0.7);
    transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    -o-transform: scale(0.7);
    -webkit-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -ms-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
    -o-transition: opacity 1s ease-in-out, transform 1s ease-in-out;
}
.anim-pl.show {
    opacity: 1;
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}
.anim-left.show, .anim-right.show {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
}
.anim-up {
    animation: up 6s ease-in-out infinite;
    -webkit-animation: up 6s ease-in-out infinite;
}
.anim-down {
    animation: down 7.5s ease-in-out infinite;
    -webkit-animation: down 7.5s ease-in-out infinite;
}
@keyframes up {
0% {
    transform: translateY(0);
}
50% {
    transform: translateY(-60px);
    -webkit-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    -o-transform: translateY(-60px);
}
100% {
    transform: translateY(0);
}
}
@keyframes down {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(60px);
        -webkit-transform: translateY(60px);
        -moz-transform: translateY(60px);
        -ms-transform: translateY(60px);
        -o-transform: translateY(60px);
}
    100% {
        transform: translateY(0);
    }
    }
button:hover, input[type=submit]:not(input[name=search]):hover, input[type=button]:hover {
    background: linear-gradient(180deg, #D1D1D1 0%, #828282 100%) !important;
}
@media (max-width: 1200px) {
    .container {
        max-width: 650px;
    }
}
@media (max-width: 600px) {
    .container {
        max-width: 390px;
    }
}