* {
    margin: 0;
    padding: 0
}

html {
    scroll-behavior: smooth
}

img {
    max-width: 100%
}

a {
    color: unset;
    text-decoration: none
}

.btn:hover,
a:hover {
    color: #666;
    text-decoration: none
}

.form-login input {
    outline: none
}

@font-face {
    font-family: 'seven_02';
    src: url(../font/seven_02.eot);
    src: url('../font/seven_02.eot?#iefix') format('embedded-opentype'), url(../font/seven_02.woff2) format('woff2'), url(../font/seven_02.woff) format('woff'), url(../font/seven_02.ttf) format('truetype'), url('../fonts/seven_02.svg#seven_02') format('svg');
    font-weight: 400;
    font-style: normal
}

body {
    font-family: 'seven_02';
    font-size: 14px;
    line-height: normal;
    overflow-x: hidden;
    position: relative
}

.desktop {
    display: block!important
}

.mobile {
    display: none!important
}

.webkit-inline-box.desktop {
    display: -webkit-inline-box!important
}

.webkit-inline-box.mobile {
    display: none!important
}

.padd-0 {
    padding: 0!important
}

.mg-0 {
    margin: 0!important
}

.mgb-30 {
    margin: 0 0 30px
}

.mgb-20 {
    margin: 0 0 20px
}

.padd-5 {
    padding: 0 5px
}

.padd-75 {
    padding: 0 7.5px
}

.body-width {
    max-width: 929px;
    margin: 0 auto;
    position: relative
}

select {
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none
}

.select {
    position: relative
}

.select::after {
    content: '';
    background-image: url(../images/select_03.png);
    position: absolute;
    right: 25px;
    width: 15px;
    height: 15px;
    background-repeat: no-repeat;
    top: 20px
}

.pos-relative {
    position: relative!important
}

.form-input {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color:#f6f7f8;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}

dl,
ol,
ul {
    margin: 0
}

.flex {
    display: flex
}

.webkit-box {
    display: flex;
    justify-content:flex-start;
}

.webkit-inline-box {
    display: -webkit-inline-box
}

.c-cus {
    position: relative;
    width: 100%
}

.c-cus.col-90per {
    max-width: 90%
}

.c-cus.col-85per {
    max-width: 85%
}

.c-cus.col-80per {
    max-width: 80%
}

.c-cus.col-75per {
    max-width: 75%
}

.c-cus.col-70per {
    max-width: 70%
}

.c-cus.col-65per {
    max-width: 65%
}

.c-cus.col-54per {
    max-width: 54%
}

.c-cus.col-50per {
    max-width: 50%
}

.c-cus.col-35per {
    max-width: 35%
}

.c-cus.col-30per {
    max-width: 30%
}

.c-cus.col-28per {
    max-width: 28%
}

.c-cus.col-25per {
    max-width: 25%
}

.c-cus.col-24per {
    max-width: 24%
}

.c-cus.col-20per {
    max-width: 20%
}

.c-cus.col-19per {
    max-width: 19%
}

.c-cus.col-18per {
    max-width: 18%
}

.c-cus.col-15per {
    max-width: 15%
}

.c-cus.col-10per {
    max-width: 10%
}

.bordius-menu:hover {
    -webkit-animation: shake-bottom 0.8s both;
    animation: shake-bottom 0.8s both
}

.wobble-hor-bottom {
    -webkit-animation: wobble-hor-bottom 0.8s both;
    animation: wobble-hor-bottom 0.8s both
}

@-webkit-keyframes shake-bottom {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@keyframes shake-bottom {
    0%,
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        -webkit-transform-origin: 50% 100%;
        transform-origin: 50% 100%
    }
    10% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
    20%,
    40%,
    60% {
        -webkit-transform: rotate(-4deg);
        transform: rotate(-4deg)
    }
    30%,
    50%,
    70% {
        -webkit-transform: rotate(4deg);
        transform: rotate(4deg)
    }
    80% {
        -webkit-transform: rotate(-2deg);
        transform: rotate(-2deg)
    }
    90% {
        -webkit-transform: rotate(2deg);
        transform: rotate(2deg)
    }
}

@-webkit-keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

@keyframes wobble-hor-bottom {
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
        -webkit-transform-origin: 50% 50%;
        transform-origin: 50% 50%
    }
    15% {
        -webkit-transform: translateX(-30px) rotate(-6deg);
        transform: translateX(-30px) rotate(-6deg)
    }
    30% {
        -webkit-transform: translateX(15px) rotate(6deg);
        transform: translateX(15px) rotate(6deg)
    }
    45% {
        -webkit-transform: translateX(-15px) rotate(-3.6deg);
        transform: translateX(-15px) rotate(-3.6deg)
    }
    60% {
        -webkit-transform: translateX(9px) rotate(2.4deg);
        transform: translateX(9px) rotate(2.4deg)
    }
    75% {
        -webkit-transform: translateX(-6px) rotate(-1.2deg);
        transform: translateX(-6px) rotate(-1.2deg)
    }
}

.mobile-xl,
.desktop-xl {
    display: none!important
}

@media(min-width:1200px) {
    .desktop-xl {
        display: block!important
    }
}

@media(min-width:768px) {
    .desktop-xl {
        display: block!important
    }
}

@media(max-width:1070px) {
    .mobile-xl {
        display: block !important
    }
    .m-head
    {
        display: none !important
    }
    .site-right-group
    {
      padding-right: 30px;
      flex: 0 1 250px !important
    }
    .desktop-xl .navbar
    {
      justify-content:space-between;
    }
}

@media (max-width:767px) {
    .mobile {
        display: block!important
    }
    .desktop {
        display: none!important
    }
    .webkit-inline-box.mobile {
        display: -webkit-inline-box!important
    }
    .webkit-inline-box.desktop {
        display: none!important
    }
}