@charset "UTF-8";

@font-face {
    font-family: "Graphik LC Web";
    src: url(/assets/fonts/GraphikLC-Regular-Web.woff2);
    src: url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('embedded-opentype'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('woff2'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('woff'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display:swap
}

@font-face {
    font-family: GraphikLC-Semibold-Web;
    src: url(/assets/fonts/GraphikLC-Regular-Web.woff2);
    src: local('GraphikLC-Semibold'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('embedded-opentype'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('woff2'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('woff'), url(/assets/fonts/GraphikLC-Regular-Web.woff2) format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display:swap
}


@font-face {
    font-family: GraphikLCG-Bold;
    src: local('GraphikLCG-Bold'), url(/assets/fonts/GraphikLCG-Bold.woff) format("woff"), url(/assets/fonts/GraphikLCG-Bold.woff) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-display:swap
}

@font-face {
    font-family: TrolaLatCyr;
    src: local('TrolaLatCyr'), url(/assets/fonts/TrolaLatCyr.woff2) format("woff2"), url(/assets/fonts/TrolaLatCyr.woff2) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-display:swap
}
@font-face {
    font-family: TrolaLatCyrSemibold;
    src: local('TrolaLatCyrSemibold'), url(/assets/fonts/TrolaLatCyrSemibold.woff2) format("woff2"), url(/assets/fonts/TrolaLatCyrSemibold.woff2) format("truetype");
    font-style: normal;
    font-stretch: normal;
    font-display:swap
}

body {
    font-family: 'Graphik LC Web', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -moz-font-feature-settings: "liga" on;
    background: #ffffff !important;
    overflow-x: hidden;
}
h1,.h1{
    font-family: GraphikLCG-Bold, sans-serif;
    text-transform: uppercase;
}
h2, .h2, h5, .h5{
    font-family:GraphikLCG-Bold, sans-serif;
    text-transform: uppercase;
}
a:hover{
    -moz-transition: color .1s cubic-bezier(.26,.08,.26,.96);
    transition: color .1s cubic-bezier(.26,.08,.26,.96);
    color: #00b44f;
}
.article-title {
    font-family: TrolaLatCyr,serif;
    letter-spacing: 0;
    font-size: 24px;
    line-height: 34px;
}
.logo-title {
    font-family: TrolaLatCyr,serif;
    letter-spacing: 0;
    font-size: 64px;
    line-height: 64px;
}
@media (max-width: 600px) {
    .logo-title {
        font-family: TrolaLatCyr,serif;
        letter-spacing: 0;
        font-size: 54px;
        line-height: 64px;
    }
}
.h2w{
    font-family: GraphikLCG-Bold, sans-serif;
    text-transform: uppercase;
}
.hw{
    font-family: GraphikLCG-Bold, sans-serif;
}

.ribbon span {
    font-size: 10px;
    font-weight: 600;
    color: #ffffff;
    text-transform: uppercase;
    text-align: center;
    line-height: 20px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 100px;
    display: block;
    background: linear-gradient(150deg,#113331,#113331, #5699d7, #375379,#113331,#113331,#113331,#113331,#113331,#113331,#113331,#113331);
    -webkit-box-shadow: 0 3px 10px -5px black;
    box-shadow: 0 3px 10px -5px black;
    position: absolute;
    top: 19px;
    left: -21px;
}
/* background color */
.bg-grad {
    background: linear-gradient(45deg, #000000 60%, #104525 80% , #00b44f 100%);
}

.btn-primary {
    --gp-btn-hover-color: #fff;
    --gp-btn-active-color: #fff;
    --gp-btn-hover-bg: #104525!important;
    --gp-btn-active-bg: #104525!important;
    --gp-btn-hover-border-color: #104525!important;
    --gp-btn-active-border-color: #104525!important;
    --gp-btn-disabled-color: #fff;
    --gp-btn-bg: #104525!important;
}

.bg-dark {
    background-color: #0a2b15 !important;
}
.bg-dark-grad {
    background: linear-gradient(170deg,#113331,#113331, #164a48, #113331);
}
.btn-grad {
    color: #ffffff;
    background:  linear-gradient(90deg,#009e36,#00b44f);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 260% 100%;
    background-position: right bottom;
    border: 0.5px solid #fff;
    text-transform: uppercase;
}
.navbar-top {
    background: transparent;
    display: none !important;
}
.navbar-nav .dropdown-menu:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 3px;
    opacity: 1;
    background: linear-gradient(90deg,#113331,#113331,#113331, #1a5250);
}
.index-filter .category_type_c, .index-filter .category_type_z, .index-filter .category_type_s, .index-filter .category_type_zk {
    background:#113331
}

.index-filter .type_active {
    color: #fff;
    background: linear-gradient(90deg,#009e36, #009e36);
    border-radius: 3px;
}
.btn-success {
    background: linear-gradient(90deg,#009e36, #009e36);
}
a:hover {
    color: #113331;
    text-decoration: none;
}
.dropdown-item:hover, .dropdown-item:focus {
    color: #113331; !important;
    background-color: transparent;
}
.icon-grad i:before {
    background: linear-gradient(150deg, #206664,#113331,#113331, #DE971C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.text-grad {
    background: linear-gradient(150deg,#113331,#113331,#113331, #DE971C);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 1;
    z-index: 9;
}
.all-text-detail * {
    color: rgba(255, 255, 255, 0.1);
}
.btn-outline-grad:before {
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: -2;
    background-color: #113331;
    background: linear-gradient(150deg,#113331,#113331,#113331, #DE971C);
    background-size: 260% 100% !important;
    background-position: right bottom}
.feature-box.f-style-1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: block;
    height: 1.5px;
    border-radius: 3px;
    opacity: 0;
    visibility: hidden;
    background: linear-gradient(150deg,#113331,#113331,#113331, #DE971C);
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.type_active {
    color: #DE971C;
    border-bottom: 1px dashed #DE971C;
}

#nac img {
    max-width: none;
    max-height: 200px;
}
#nac td:first-child {
    text-align: center;
}

.index-filter {
    background: transparent;
    background: transparent;
    background: transparent;
    background-size: 400% 400%;
    -webkit-animation: none;
    -moz-animation: none;
    animation: none;
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: space-evenly;
    position: relative;
}
.index-filter::before,
.index-filter::after {
    content: "";
    display: none;
    width: 30vmax;
    height: 30vmax;
    position: absolute;
    background: rgba(255, 255, 255, 0.07);
    left: -20vmin;
    top: -20vmin;
    animation: none;
    z-index: 1;
    will-change: border-radius, transform;
    transform-origin: 55% 55%;
    pointer-events: none;
}
.index-filter::after {
    width: 30vmin;
    height: 30vmin;
    left: auto;
    right: -10vmin;
    top: auto;
    bottom: 0;
    animation: none;
    transform-origin: 20% 20%;
}
.btn-group > .btn.active{
    background: linear-gradient(90deg,#113331,#113331,#164a48,#1e5351) !important;
    color: #fff;
}
.btn-check:checked + .btn-light, .btn-check:active + .btn-light, .btn-light:active, .btn-light.active, .show > .btn-light.dropdown-toggle {
    background-color: #1e5351 !important;
    color: #fff;
    border-color: #f8f9fa;
}
.b-page_newyear {
    display: none;
}
canvas {
    display: none;
}
.post {
    background: transparent;
}
.index-filter {
    height: 200px;
}
.count, .display-7 {
    font-family: SBSansDisplay-Bold, sans-serif;
    text-transform: uppercase;
}
#object_count .my-4 {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
}
#object_count .py-4 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}
#object_count .post {
    background: linear-gradient(180deg, #104525 30%, #1e1e1e 80%);
    background-color: #1e1e1e!important;
    border-radius: 10px;
}
#object_count .post a, #object_count .post h2 {
    color: #ffffff;
}
.icon-grad i:before {
    background: linear-gradient(150deg, #113331, #009e36);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.h-180 {
    height: 180px !important;
}
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700');

:root {
    --color-bg1: rgb(8, 10, 15);
    --color-bg2: #113331;
    --color1: 18, 113, 255;
    --color2: 0, 158, 54;
    --color3: 100, 100, 255;
    --color4: 50, 160, 220;
    --color5: 80, 47, 122;
    --color-interactive: 255, 185, 86;
    --circle-size: 80%;
    --blending: hard-light;
}


h1 {
    font-size: 3rem;
    margin-bottom: 16px;
}

p {
    line-height: 1.6;
}

@keyframes moveInCircle {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

@keyframes moveVertical {
    0% {
        transform: translateY(-50%);
    }
    50% {
        transform: translateY(50%);
    }
    100% {
        transform: translateY(-50%);
    }
}

@keyframes moveHorizontal {
    0% {
        transform: translateX(-50%) translateY(-10%);
    }
    50% {
        transform: translateX(50%) translateY(10%);
    }
    100% {
        transform: translateX(-50%) translateY(-10%);
    }
}


.bg_personal {
    background: url("/assets/images/bg/spb_b.png") no-repeat bottom right;
    background-size: 100% auto;
}

.bg_personal {
    background: url("/assets/images/bg/spb_b.png") no-repeat bottom right;
    background-size: 100% auto;
}
@media (min-width: 1600px) {
    .bg_personal {
        background: url("/assets/images/bg/spb_b.png") no-repeat bottom right;
        background-size: 70% auto;
    }
}



.btn-close {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    width: 1em;
    height: 1em;
    padding: 0.25em 0.25em;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
    border: 0;
    border-radius: 3px;
    opacity: 0.9;
}

.inox_shining_green {
    color:#fff;
    font-size: 12px;
    line-height: 42px;
    border: 1px solid #7cce52;
    text-align: center;
    width: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#1E2E1D 60%, #7cce52);
    background-image: -moz-linear-gradient(#1E2E1D 60%, #7cce52);
    background-image: -o-linear-gradient(#1E2E1D 60%, #7cce52);
    -moz-box-shadow: inset 0px -2px 0 #7cce52;
    -webkit-box-shadow: inset 0px -2px 0 #7cce52;
    -o-box-shadow: inset 0px -2px 0 #7cce52;
    box-shadow: inset 0px -1px 2px #7cce52;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_shining_gold {
    color:#fff;
    font-size: 12px;
    line-height: 42px;
    border: 1px solid #facb72;
    text-align: center;
    width: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#1E2E1D 60%, #facb72);
    background-image: -moz-linear-gradient(#1E2E1D 60%, #facb72);
    background-image: -o-linear-gradient(#1E2E1D 60%, #facb72);
    -moz-box-shadow: inset 0px -2px 0 #facb72;
    -webkit-box-shadow: inset 0px -2px 0 #facb72;
    -o-box-shadow: inset 0px -2px 0 #facb72;
    box-shadow: inset 0px -1px 2px #facb72;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_shining_green:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 99%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 2px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius:4px;
    display:block;
}
.inox_red {
    color:#fff;
    font-size: 12px;
    line-height: 42px;
    border: 1px solid #595cc2;
    text-align: center;
    width: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#595cc2 60%, #3d419e);
    background-image: -moz-linear-gradient(#3d419e 60%, #595cc2);
    background-image: -o-linear-gradient(#3d419e 60%, #595cc2);
    -moz-box-shadow: inset 0px -2px 0 #595cc2;
    -webkit-box-shadow: inset 0px -2px 0 #595cc2;
    -o-box-shadow: inset 0px -2px 0 #595cc2;
    box-shadow: inset 0px -1px 2px #595cc2;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_red:hover {
    color:#fff;
}
.inox_red:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 99%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 2px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius:4px;
    display:block;
}
.inox_darkgrey {
    background-color: #1f1f1f;
    font-size: 12px;
}
.inox_glass_streak {
    color:#fff;
    line-height: 42px;
    border: 0px;
    text-align: center;
    width: 100%;
    border-radius:4px;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-background-size: 12px 12px;
    -moz-background-size: 12px 12px;
    background-size: 12px 12px;
    -moz-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    -webkit-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    -o-box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    box-shadow: inset 0 0 7px rgba(0,0,0,0.5);
    display: block;
    text-decoration: none;
    padding: 0px;
}
.inox_glass_streak:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 98%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 0px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.1));
    border-radius:4px; display: inline-block;
}
.inox_transp {
    background-color: transparent;
    font-size: 12px;
}

a:hover {
    color: #7cce52;
    text-decoration: none;
}
.inox_shining_green_box {
    color:#fff;
    border: 1px solid #7cce52;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#1E2E1D 60%, #7cce52);
    background-image: -moz-linear-gradient(#1E2E1D 60%, #7cce52);
    background-image: -o-linear-gradient(#1E2E1D 60%, #7cce52);
    -moz-box-shadow: inset 0px -2px 0 #7cce52;
    -webkit-box-shadow: inset 0px -2px 0 #7cce52;
    -o-box-shadow: inset 0px -2px 0 #7cce52;
    box-shadow: inset 0px -1px 2px #7cce52;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_shining_green_box:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 99%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 2px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius:4px;
    display:block;
}
.inox_shining_green_box_plane {
    color:#fff;
    border: 1px solid #7cce52;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#1E2E1D 60%, #253e19);
    background-image: -moz-linear-gradient(#1E2E1D 60%, #253e19);
    background-image: -o-linear-gradient(#1E2E1D 60%, #253e19);
    -moz-box-shadow: inset 0px -2px 0 #7cce52;
    -webkit-box-shadow: inset 0px -2px 0 #7cce52;
    -o-box-shadow: inset 0px -2px 0 #7cce52;
    box-shadow: inset 0px -1px 2px #7cce52;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_shining_green_box_plane:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 99%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 2px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius:4px;
    display:block;
}
.inox_shining_light_box {
    color:#fff;
    border: 1px solid #b4b7bf;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius:4px;
    background:transparent;
    background-image: -webkit-linear-gradient(#b4b7bf 60%, #E0E2E8);
    background-image: -moz-linear-gradient(#b3b5bb 60%, #E0E2E8);
    background-image: -o-linear-gradient(#b3b5bb 60%, #E0E2E8);
    -moz-box-shadow: inset 0px -2px 0 #E0E2E8;
    -webkit-box-shadow: inset 0px -2px 0 #E0E2E8;
    -o-box-shadow: inset 0px -2px 0 #E0E2E8;
    box-shadow: inset 0px -1px 2px #E0E2E8;
    display: inline-block;
    text-decoration: none;
    padding: 0px;
}
.inox_shining_light_box:before {
    content: ".";
    color:transparent;
    line-height: 16px;
    width: 99%;
    margin-top: 1px;
    margin-bottom: -17px;
    margin-left: 2px;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2) );
    background-image:-moz-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.2));
    border-radius:4px;
    display:block;
}
.nav-tabs .nav-link.active {
    background: #53923F;
}
.swiper {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: transparent;
    height: calc((100% - 30px) / 2) !important;

    /* Center slide text vertically */
    display: flex;
    justify-content: center;
    align-items: center;
}
.swiper-slide img {
    display: block;
    width: 100%;
    height: 250px;
    object-fit: cover;
    object-position: top;
}
.swiper-wrapper {
    z-index: 0;
    height: auto;
}
.swiper-pagination-bullet {
    width: 6px!important;
    height: 6px!important;
    text-align: center;
    line-height: 20px;
    font-size: 0px;
    color: #000;
    z-index: 2;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    transition: width .2s ease-in-out,height .2s ease-in-out,background-color .2s ease-in-out;

}
.swiper-pagination-bullet-active {
    color: #fff;
    background: #53923F!important;
    width: 40px !important;
    border-radius: 3px!important;
}

.btn-prev, .btn-next {
    font-size: 1.25em;
    width: 45px;
    height: 45px;
    border-radius: 50%;
    transition: background 0.5s ease-in-out;
}
.btn-prev:hover, .btn-next:hover {
    background: #53923F!important;
    color: #ffffff;
    border-radius: 50%;
}
.badge {
    padding-x: 0.6em;
    padding-y: 0.35em;
    font-size: 0.68125em;
    font-weight: 600;
    color: #fff;
    border-radius: 0.25rem;
    background: #589D47;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 0px solid transparent !important;
    margin: 3px;

}
.btn-outline-primary {
    color: #53923F;
    border-color: #53923F;
}
.btn-outline-primary:hover {
    color: #fff;
    background-color: #53923F;
    border-color: #53923F;
}
.fs-sm {
    font-size: 0.85rem !important;
}
.btn i {
    margin-right: 0px;
    line-height: 30px;
}

ul  .dropdown-menu  {
    position: relative!important;
    transform: none!important;
}
.dropdown-menu {
    --gp-dropdown-zindex: 1000;
    --gp-dropdown-min-width: 12rem;
    --gp-dropdown-padding-x: 0;
    --gp-dropdown-padding-y: 0.5rem;
    --gp-dropdown-spacer: 0.25rem;
    --gp-dropdown-font-size: 0.875rem;
    --gp-dropdown-color: #ffffff;
    --gp-dropdown-bg: transparent;
    --gp-dropdown-border-color: transparent;
    --gp-dropdown-border-radius: 0.5rem;
    --gp-dropdown-border-width: var(--gp-border-width);
    --gp-dropdown-inner-border-radius: calc(0.5rem - var(--gp-border-width));
    --gp-dropdown-divider-bg: #e2e5f1;
    --gp-dropdown-divider-margin-y: 0.375rem;
    --gp-dropdown-box-shadow: 0 0.275rem 1.25rem rgba(11, 15, 25, 0.05), 0 0.25rem 0.5625rem rgba(11, 15, 25, 0.03);
    --gp-dropdown-link-color: #ffffff;
    --gp-dropdown-link-hover-color: #ffffff;
    --gp-dropdown-link-hover-bg: transparent;
    --gp-dropdown-link-active-color: #589D47;
    --gp-dropdown-link-active-bg: transparent;
    --gp-dropdown-link-disabled-color: #9397ad;
    --gp-dropdown-item-padding-x: 1rem;
    --gp-dropdown-item-padding-y: 0.375rem;
    --gp-dropdown-header-color: var(--gp-gray-900);
    --gp-dropdown-header-padding-x: 1rem;
    --gp-dropdown-header-padding-y: 0.5rem;
    position: absolute;
    z-index: var(--gp-dropdown-zindex);
    display: none;
    min-width: var(--gp-dropdown-min-width);
    padding: var(--gp-dropdown-padding-y) var(--gp-dropdown-padding-x);
    margin: 0;
    font-size: var(--gp-dropdown-font-size);
    color: var(--gp-dropdown-color);
    text-align: left;
    list-style: none;
    background-color: var(--gp-dropdown-bg);
    background-clip: padding-box;
    border: var(--gp-dropdown-border-width) solid var(--gp-dropdown-border-color);
    border-radius: var(--gp-dropdown-border-radius);
    box-shadow: none;

}
a{
    cursor: pointer!important;
}
.navbar-expand-md .navbar-toggler {
    display:inline-flex;
}
.blog-page {
    display: none;
}

.bg-faded-dark {
    background-color: rgba(11, 15, 25, .32) !important;
}
.border-radius-4 {
    border-radius: 10px;
}
.breadcrumb-item.active {
    color: #53923F!important;
}
.card a .btn{
    color: #ffffff!important;
}
.dropdown-item{
    white-space: normal;
}
.shadow-primary {
    box-shadow: 0 .5rem 1.125rem -0.5rem rgba(83, 146, 63, 0.55) !important;
}
::selection {
    background: var(--gp-user-selection-color);
}
.btn:hover {
    color: #fff;
    background-color: #009E3E;
    border-color: #009E3E;
}
@media (min-width: 1200px) {
    .display-4 {
        font-size:2.5rem
    }
}
@media (min-width: 2000px) {
    .display-4 {
        font-size:3.5rem
    }
}
@media (max-width: 2000px) {
    .height_block {
        min-height: 450px;
    }
    .height_block_sm {
        height: 20px;
    }
}
a {
    color: #53923F;
}

.text-success { color: #009e36 !important;}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
    color: #10181f;
    position: relative;
    margin-bottom: 26px;
}

.navbar-toggler-icon, .navbar-toggler-icon::before, .navbar-toggler-icon::after {
    position: absolute;
    width: 1.375rem;
    height: .125rem;
    background-color: #ffffff;
    transition-property: transform .15s ease;
}
.dropdown-item {
    display: block;
    width: 100%;
    padding: var(--gp-dropdown-item-padding-y) var(--gp-dropdown-item-padding-x);
    clear: both;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.75);
    text-align: inherit;
    text-decoration: none;
    white-space: nowrap;
    background-color: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: var(--gp-dropdown-item-border-radius, 0);
}
.dropdown-menu li:hover > .dropdown-item {
    color: #589D47FF;
}
.nav-link {
    display: block;
    padding: var(--gp-nav-link-padding-y) var(--gp-nav-link-padding-x);
    font-weight: normal;
    color: var(--gp-nav-link-color);
    text-decoration: none;
    background: none;
    border: 0;
    transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out;
}
.navbar-light, .bg-light {
    --gp-bg-opacity: 1;
    background-color: #ffffff !important
}
a:any-link {
    text-decoration-line: none;
    cursor: auto;
}
.logo__title {
    font-weight: 400;
    font-family: TrolaLatCyrSemibold, serif;
    font-size: 56px;
    letter-spacing: -0.3px;
    line-height: 29px;
    text-transform: uppercase;
    margin-bottom: 8px;
    text-align: center;
    display: flex;
    justify-content: center;
}

.animated-button {
    background: linear-gradient(-30deg, #0b1b3d 50%, #08142b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4e0f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #8592ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button:hover::before {
    opacity: 0.2;
}

.animated-button span {
    position: absolute;
}

.animated-button span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to left, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@-webkit-keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to top, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@-webkit-keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to right, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@-webkit-keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 20, 43, 0)), to(#2662d9));
    background: linear-gradient(to bottom, rgba(8, 20, 43, 0), #2662d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@-webkit-keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button1 {
    background: linear-gradient(-30deg, #283e2c 50%, #1D2E20 50%);
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}
.animated-button1:hover {
    color: #ffffff;
}

.animated-button1::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #679c5c;
    opacity: 0;
    color: #000000;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button1:hover::before {
    opacity: 0.2;
}

.animated-button1 span {
    position: absolute;
}

.animated-button1 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgb(0, 180, 79, 0)), to(rgb(0, 180, 79)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(0, 180, 79));
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button1 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgb(0, 180, 79, 0)), to(rgb(0, 180, 79)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(0, 180, 79));
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button1 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgb(0, 180, 79, 0)), to(rgb(0, 180, 79)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(0, 180, 79));
    -webkit-animation: 6s animateBottom linear infinite;
    animation: 6s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button1 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgb(0, 180, 79, 0)), to(rgb(0, 180, 79)));
    background: linear-gradient(to left, rgba(43, 8, 8, 0), rgb(0, 180, 79));
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button2 {
    background: linear-gradient(-30deg, #283e2c 50%, #1D2E20 50%);
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button2::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad9985;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button2:hover::before {
    opacity: 0.2;
}

.animated-button2 span {
    position: absolute;
}

.animated-button2 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 26, 8, 0)), to(#d9a626));
    background: linear-gradient(to left, rgba(43, 26, 8, 0), #d9a626);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button2 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 26, 8, 0)), to(#d9a626));
    background: linear-gradient(to top, rgba(43, 26, 8, 0), #d9d9a6268026);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button2 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 26, 8, 0)), to(#d9a626));
    background: linear-gradient(to right, rgba(43, 26, 8, 0), #d9a626);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button2 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 26, 8, 0)), to(#d9a626));
    background: linear-gradient(to bottom, rgba(43, 26, 8, 0), #d9a626);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button3 {
    background: linear-gradient(-30deg, #3d3d0b 50%, #2b2b08 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7f7d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button3::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #adad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button3:hover::before {
    opacity: 0.2;
}

.animated-button3 span {
    position: absolute;
}

.animated-button3 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to left, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button3 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to top, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button3 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to right, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button3 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 43, 8, 0)), to(#d9d926));
    background: linear-gradient(to bottom, rgba(43, 43, 8, 0), #d9d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button4 {
    background: linear-gradient(-30deg, #283e2c 50%, #1D2E20 50%);
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button4::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #99ad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button4:hover::before {
    opacity: 0.2;
}

.animated-button4 span {
    position: absolute;
}

.animated-button4 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to left, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button4 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to top, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button4 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to right, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button4 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 43, 8, 0)), to(#80d926));
    background: linear-gradient(to bottom, rgba(26, 43, 8, 0), #80d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button5 {
    background: linear-gradient(-30deg, #0b3d0b 50%, #082b08 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7d4;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button5::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85ad85;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button5:hover::before {
    opacity: 0.2;
}

.animated-button5 span {
    position: absolute;
}

.animated-button5 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to left, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button5 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to top, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button5 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to right, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button5 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 8, 0)), to(#26d926));
    background: linear-gradient(to bottom, rgba(8, 43, 8, 0), #26d926);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button6 {
    background: linear-gradient(-30deg, #550208 50%, #770000 50%);
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button6:hover {
    background: linear-gradient(-30deg, #550208 50%, #b80000 50%);
}
.animated-button6::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85ad99;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button6:hover::before {
    opacity: 0.2;
}

.animated-button6 span {
    position: absolute;
}

.animated-button6 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 26, 0)), to(#ff000f));
    background: linear-gradient(to left, rgba(8, 43, 26, 0), #ff000f);
    -webkit-animation: 4s animateTop linear infinite;
    animation: 4s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button6 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 26, 0)), to(#ff000f));
    background: linear-gradient(to top, rgba(8, 43, 26, 0), #ff000f);
    -webkit-animation: 4s animateRight linear -1s infinite;
    animation: 4s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button6 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 26, 0)), to(#ff000f));
    background: linear-gradient(to right, rgba(8, 43, 26, 0), #ff000f);
    -webkit-animation: 4s animateBottom linear infinite;
    animation: 4s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button6 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 26, 0)), to(#ff000f));
    background: linear-gradient(to bottom, rgba(8, 43, 26, 0), #ff000f);
    -webkit-animation: 4s animateLeft linear -1s infinite;
    animation: 4s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button7 {
    background: linear-gradient(-30deg, #0b3d3d 50%, #082b2b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4f7f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button7::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #85adad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button7:hover::before {
    opacity: 0.2;
}

.animated-button7 span {
    position: absolute;
}

.animated-button7 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to left, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button7 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to top, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button7 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to right, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button7 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 43, 43, 0)), to(#26d9d9));
    background: linear-gradient(to bottom, rgba(8, 43, 43, 0), #26d9d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button8 {
    background: linear-gradient(-30deg, #0b243d 50%, #081a2b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4e6f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button8::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #8599ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button8:hover::before {
    opacity: 0.2;
}

.animated-button8 span {
    position: absolute;
}

.animated-button8 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to left, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button8 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to top, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button8 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to right, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button8 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 26, 43, 0)), to(#2680d9));
    background: linear-gradient(to bottom, rgba(8, 26, 43, 0), #2680d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button9 {
    background: linear-gradient(-30deg, #0b0b3d 50%, #08082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #d4d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button9::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #8585ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button9:hover::before {
    opacity: 0.2;
}

.animated-button9 span {
    position: absolute;
}

.animated-button9 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to left, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button9 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to top, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button9 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to right, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button9 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(8, 8, 43, 0)), to(#2626d9));
    background: linear-gradient(to bottom, rgba(8, 8, 43, 0), #2626d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button10 {
    background: linear-gradient(-30deg, #240b3d 50%, #1a082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #e6d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button10::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #9985ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button10:hover::before {
    opacity: 0.2;
}

.animated-button10 span {
    position: absolute;
}

.animated-button10 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to left, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button10 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to top, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button10 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to right, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button10 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(26, 8, 43, 0)), to(#8026d9));
    background: linear-gradient(to bottom, rgba(26, 8, 43, 0), #8026d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button11 {
    background: linear-gradient(-30deg, #3d0b3d 50%, #2b082b 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4f7;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button11::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad85ad;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button11:hover::before {
    opacity: 0.2;
}

.animated-button11 span {
    position: absolute;
}

.animated-button11 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to left, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button11 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to top, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}

.animated-button11 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to right, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button11 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 43, 0)), to(#d926d9));
    background: linear-gradient(to bottom, rgba(43, 8, 43, 0), #d926d9);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}

.animated-button12 {
    background: linear-gradient(-30deg, #3d0b24 50%, #2b081a 50%);
    padding: 20px 40px;
    margin: 12px;
    display: inline-block;
    -webkit-transform: translate(0%, 0%);
    transform: translate(0%, 0%);
    overflow: hidden;
    color: #f7d4e6;
    font-size: 20px;
    letter-spacing: 2.5px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
}

.animated-button12::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: #ad8599;
    opacity: 0;
    -webkit-transition: .2s opacity ease-in-out;
    transition: .2s opacity ease-in-out;
}

.animated-button12:hover::before {
    opacity: 0.2;
}

.animated-button12 span {
    position: absolute;
}

.animated-button12 span:nth-child(1) {
    top: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to left, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateTop linear infinite;
    animation: 2s animateTop linear infinite;
}

@keyframes animateTop {
    0% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
}

.animated-button12 span:nth-child(2) {
    top: 0px;
    right: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to top, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateRight linear -1s infinite;
    animation: 2s animateRight linear -1s infinite;
}

@keyframes animateRight {
    0% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
    100% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
}
.animated-button12 span:nth-child(3) {
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: 2px;
    background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to right, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateBottom linear infinite;
    animation: 2s animateBottom linear infinite;
}

@keyframes animateBottom {
    0% {
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        -webkit-transform: translateX(100%);
        transform: translateX(100%);
    }
}

.animated-button12 span:nth-child(4) {
    top: 0px;
    left: 0px;
    height: 100%;
    width: 2px;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 26, 0)), to(#d92680));
    background: linear-gradient(to bottom, rgba(43, 8, 26, 0), #d92680);
    -webkit-animation: 2s animateLeft linear -1s infinite;
    animation: 2s animateLeft linear -1s infinite;
}

@keyframes animateLeft {
    0% {
        -webkit-transform: translateY(-100%);
        transform: translateY(-100%);
    }
    100% {
        -webkit-transform: translateY(100%);
        transform: translateY(100%);
    }
}
.dropdown-submenu{
    display: none;
}
.btn-primary {
    --gp-btn-color: #000;
    --gp-btn-bg: #65B257;
    --gp-btn-border-color: #65B257;
    --gp-btn-hover-color: #000;
    --gp-btn-hover-bg: #65B257;
    --gp-btn-hover-border-color: #65B257;
    --gp-btn-focus-shadow-rgb: 84, 87, 205;
    --gp-btn-active-color: #000;
    --gp-btn-active-bg: #65B257;
    --gp-btn-active-border-color: #719C4F;
    --gp-btn-active-shadow: unset;
    --gp-btn-disabled-color: #000;
    --gp-btn-disabled-bg: rgba(197, 46, 56, 0.9);
    --gp-btn-disabled-border-color: #589D47
}
.nav-tabs .nav-link.active {
    background: #65B257;
}
.range-slider-ui {
    height: var(--gp-range-slider-hight);
    margin: 0;
    margin-top: 1.25rem;
    --color1: 0;
    margin-bottom: 1rem;
    margin-left: 0;
    background-color: var(--gp-range-slider-bg);
    border: 0;
    box-shadow: none;
}
.select2-selection__choice__display {
    font-size: 11px;
}
.form-control:focus {
    color: #565973;
    background-color: #fff;
    border-color:  rgba(68, 188, 102, 0.5);
    outline: 0;
    box-shadow:var(--gp-box-shadow-inset), 0 .5rem 1.125rem -0.5rem rgba(68, 188, 102, 0.42)
}
.text-secondary{
    color: rgba(0, 0, 0, 0.52) !important;
}
.select2-container--bootstrap-5 .select2-dropdown .select2-results__options .select2-results__option {
    padding: .375rem .75rem;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    color: #565973;
}
.select2-container .select2-search--inline .select2-search__field{
    font-size: 14px;
    line-height: 25px;
}
.select2-container--bootstrap-5 .select2-selection--multiple .select2-search .select2-search__field {
    line-height: 25px;
}
.badge {
    padding-x: 0.6em;
    padding-y: 0.35em;
    font-size: 0.68125em;
    font-weight: 600;
    color: #fff;
    border-radius: 0.25rem;
    background: #009e36;
    display: inline-block;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 0px solid transparent !important;
    margin: 3px;
}
#number_1{
    display:none
}

svg {
    overflow: visible;
}
svg path#line {
    fill: none;
    stroke: #e00000;
    stroke-width: 1;
    stroke-linecap: butt;
    stroke-linejoin: round;
    stroke-miterlimit: 4;
    stroke-dasharray:none;
    stroke-opacity: 1;
    stroke-dasharray: 1;
    stroke-dashoffset: 1;
    animation: dash 5s linear infinite;
}
svg path#heart {
    transform-origin: 50% 50%;
    animation: blink 5s linear infinite;
}
@keyframes dash {
    0% {
        stroke-dashoffset: 1;
    }
    80% {
        stroke-dashoffset: 0;
    }
    100% {
        stroke-dashoffset: 0;
    }
}
@keyframes blink {
    0% {
        opacity: 0;
        transform: scale(0);
    }
    60% {
        opacity: 0;
        transform: scale(0);
    }
    70% {
        opacity: 1;
        transform: scale(1.2);
    }
    75% {
        opacity: 1;
        transform: scale(1.0);
    }
    80% {
        opacity: 1;
        transform: scale(1.2);
    }
    85% {
        opacity: 1;
        transform: scale(1.0);
    }
    100% {
        opacity: 0;
        transform: scale(1.0);
    }
}