/* Globals */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600&display=swap');

*, a:focus {
    outline: none !important;
}
.modal {
    top: 1%;
    left: 8%;
}
@media screen and (max-width: 768px) {
    .modal {
        left: 0;
    }
}

.btn:focus {
    outline: none;
    box-shadow: none;
}
img {
    max-width: 100%;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #4d4d4d;
}

.grad-btn-out {
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    overflow: hidden;
    padding: 1px;
    display:inline-block;
    border-radius: 8px;
}
.grad-btn-out input {
    border-radius: 8px;
    background: #fff!important;
    border:none;
  padding: 10px 30px;
  display:inline-block;
}

.blue-gradient-text {
    background: linear-gradient(270deg, #4E9FE2 0%, #BC4EE2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #BC4EE2;
    display: table;
  }

.bigTitle {
    font-style: normal;
    font-weight: 800;
    font-size: 65px;
    line-height: 79px;
    display: flex;
    align-items: center;
    text-transform: uppercase;

    color: #4E9FE2;
}

.main-content {
    padding: 3.8rem 0;
    width: 98.2vw;
}

@supports (-webkit-text-stroke: 1px rgba(78, 159, 226, 0.15)) { 
    .bigTitleOverlay {
        color: transparent; 
        -webkit-text-stroke: 1px rgba(78, 159, 226, 0.15);
        font-size: 100px;
        font-weight: bold;
        line-height: 79px;
        /* text-align: left; */
        text-transform: uppercase;
        margin-bottom: -9rem;
    }
    
}

@media screen and (max-width: 768px) {
    .bigTitle {
        font-size: 32px;
        line-height: 39px;
    }
    .bigTitleOverlay {
        font-size: 45px;
        line-height: 55px;
    }
}

.blueGradBtn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    width: 309px;
    height: 48px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    margin: 2rem 0;
}
.blueGradBtn:hover {
    color: #dfdfdf;
}
/* Quick Buttons */
.quick-buttons {
    margin-top: 2.4rem;
}
.market {
    padding: 12px 16px;
    width: 99px;
    height: 46px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    margin-right: 24px;
}

.market:hover, .auction:hover, .activity:hover, .race:hover {
    color: #E7E7E7;
    transition: .9s;
}
.auction {
    padding: 12px 16px;
    width: 107px;
    height: 46px;
    background: linear-gradient(55.34deg, #FFD34E 3.28%, #FFE38F 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    margin-right: 24px;
}
.activity {
    padding: 12px 16px;
    width: 105px;
    height: 46px;
    background: linear-gradient(55.34deg, #89C865 3.28%, #B4F091 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
    margin-right: 24px;
}
.race {
    padding: 12px 16px;
    width: 79px;
    height: 46px;
    background: linear-gradient(55.34deg, #FF8979 3.28%, #FFBBB1 92.44%), linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    text-decoration: none;
}

/* ----------- FRONT PAGE --------- */
/* NAV */
.start-link {
    background: #FFAD01;
    color: #ffffff;
    padding: 8px 16px;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    width: 79px;
    display: flex;
    justify-content: center;
}
.nav-item {
    font-weight: 600;
}
.nav-item a {
    color: #ffffff!important;
}
.nav-item a:hover {
    color: #fdfdfd!important;
    transition: .6s;
}
.dash-user-drop {
    display: flex;
    align-items: center;
}
.dropdown .dashboard-user-info__avatar {
    border-radius: 50%;
}
.dropdown .dash-user-drop {
    font-weight: 600;
    color: #ffffff;
}
.dropdown .main-avatar {
    margin-right: 10px;
}
.dropdown .main-avatar__icon {
    width: 32px;
    height: 32px;
}
@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .dropdown-menu {
        left: -18px;
    }
    .navbar-expand-lg .navbar-nav {
        align-items: center;
    }
}

/* Header */
.header-top {
    background: linear-gradient(92.46deg, #4E9FE2 9.84%, #984EE2 84.58%);
    position: fixed;
    z-index: 999;
}

/* Hero block */
.hero-block {
    background: url(../img/hero-bg.png) no-repeat;
    background-position: top center;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 40px;
}
.hero-logo {
    max-width: 450px;
    margin: 4rem 0 2rem 0;
}
.hero-dogs {
    /* margin: 0 0 -67px 0; */
}
@media screen and (max-width: 768px) {
    .hero-logo {
        max-width: 100%;
    }
}
/* What is */
.whatIs {
    background: url(../img/bg.jpeg) no-repeat;
    background-size: cover;
    padding-top: 77px;
    margin-top: -67px;
    padding-bottom: 3rem;
}
.wiBlock01 {
    margin: 0 auto;
    /* width: 1126px;
    height: 232px; */
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15);
    border-radius: 32px;
    padding-bottom: 2rem;
}
.wiRow01 {
    margin-top: 3rem;
}
.wiBlock01 .blueGradBtn {
    margin: 32px auto;
}
.wi01-l {
    align-items: flex-end;
}
.wi01-l span, .wi01-r span {
    display: flex;
    align-items: center;
    font-size: 18px;
}
.wi01-l span img, .wi01-r span img {
    margin-right: 5px;
    width: 21px;
}
.wi01-l, .wi01-r {
    display: flex;
    flex-direction: column;
}

.wiBlock02 {
    background: url(../img/wib02-bg.png), #ffffff;
    background-position: right;
    background-size: cover;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    border-radius: 64px;
    padding: 48px 55px 0 55px;
    display: flex;
}
.wib-left {
    width: 70%;
}
.wib-left-text {
    color: #636363;
    font-weight: 300;
}
.wib-right {
    width: 30%;
    margin-left: -2rem;
    display: flex;
    align-items: flex-end;
}
.today-top {
    display: flex;
    flex-direction: column;
    padding: 32px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15);
    border-radius: 32px;
}
.tt-title {
    font-size: 38px;
    font-weight: 600;
    line-height: 55px;    
    align-items: center;
    text-align: center;
    text-transform: uppercase;
    color: #4E9FE2; 
}
.today-top .card {
    overflow: hidden;
    border-radius: 16px;
}
.create-by {
    color: #636363;
    font-size: 14px;
    font-weight: 300;
}
.owner {
    color: #FFAD01;
    font-size: 14px;
    font-weight: 300;
}

.tt-bottom {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #4C4C4C;
    margin-top: 16px;
}
@media screen and (max-width:768px) {
    .wi01-l, .wi01-r {
        
        align-items: flex-start;
        padding: 0 28px;
    }
    .wi01-l span, .wi01-r span {
        font-size: 14px;
        line-height: 30px;
        word-spacing: 0!important;
    }
}

/* What you can do  */
.whatUCan {
    margin-top: 3rem;
    /* width: 1456px;
    height: 774px; */
    padding: 48px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15);
    border-radius: 64px;
}
.whatUCan .bigTitleOverlay {
    margin-bottom: -15rem;
}
.whatUCan .bigTitle, .whatUCan .bigTitleOverlay {
    text-align: center;
}
.wuRow {
    margin-top: 2rem;
    justify-content: space-between;
}
.wuRow .card {
    text-align: center;
    border: 0;
    max-width: 350px;
}
.whatUCan .blueGradBtn {
    margin: 2rem auto;
}

@media screen and (max-width: 768px) {
    .whatUCan {
        padding: 1rem;
    }
    .whatUCan .blueGradBtn {
        max-width: 255px;
    }
    .wiBlock02 {
        flex-direction: column-reverse;
        background-position: 25% 24%;
        background-size: contain;
        background-repeat: no-repeat;
        text-align: center;
        align-items: center;
        padding: 10px 10px 10px 17px;
    }
    .wib-left, .wib-right {
        width: 100%;
    }
    .wib-left .blueGradBtn {
        margin: 3rem 0 3rem 0;
    }
    .wuRow .card {
        max-width: 100%;
        width: 100%;;
    }
    .today-top {
        margin-top: 4rem;
    }
    .whatUCan .bigTitleOverlay {
        margin-bottom: -15rem;
    }
}

/* Gameplay */
.gameplay {
    padding: 4rem 0;
}
.gTitle {
    margin: 0 0 4rem 0;
    /* padding: 3rem 0; */
}
.gTitle .bigTitleOverlay, .hwTitle .bigTitleOverlay {
    margin-bottom: -4.5rem;
}
.hwTitle {
    margin: 3rem 0;
}
.hwTitle .bigTitleOverlay {
    
}
.howToWin {
    color: #3d3d3d;
    font-weight: 300;
}
.howToWin .card {
    padding: 0 1rem;
    border: 0;
}
.howToWin .card .card-img-top {
    width: 160px;
    margin: 0 auto;
}
.howToWin .card .card-title {
    color: #1f1f1f;
    font-weight: 600;
}
.gpBottom {
    color: #818181;
    text-align: center;
    margin-top: 1.5rem;
    font-weight: 600;
}

@media screen and (max-width: 768px) {
    .gameplay {
        padding: 4rem 3rem;
    }
    .howToWin .card .card-img-top {
        width: 320px;
    }
    .gTitle .bigTitleOverlay {
        margin-bottom: -2.5rem;
    }
    .hwTitle .bigTitleOverlay {
        margin-bottom: -9rem;
    }
    .gTitle {margin: 0; margin-bottom: 2rem;}
    .gameplay .blueGradBtn {
        max-width: 276px;
    }
}

/* Pimp block */
.pimp {
    padding: 64px 0 92px 0;
    background: url(../img/bg.jpeg);
    background-size: cover;
}
.pimpContent {
    max-width: 1456px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15);
    border-radius: 64px;
    padding: 3rem 8.75rem;
    margin: 0 auto;
}
.pimpContent .bigTitleOverlay {
    font-size: 5.5em;
}
.pimpBottom {
    color: #494949;
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    text-align: center;
}
.pimpDogsList {
    display: flex;
    justify-content: center;
    margin: 2rem 0;
}

@media screen and (min-width: 1440px) {
    .pimp {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

@media screen and (max-width: 1440px) {
    .pimp {
        padding-left: 4rem;
        padding-right: 4rem;
    }
}

@media screen and (max-width:768px) {
    .pimp {
        padding-left: 1.6rem;
        padding-right: 1.6rem;
    }

    .pimpContent {
        padding: 2rem;
        text-align: center;
    }
    .pimp img {
        max-width: 100%;
    }
    .pimpContent .bigTitle {
        font-weight: 800;
        font-size: 32px;
        line-height: 39px;
    }
    .pimpContent .bigTitleOverlay {
        font-size: 42px;
        margin-bottom: -16rem;
        font-weight: 800;
        line-height: 55px;
    }
    .pimpDogsList {
        display: flex;
        flex-direction: column-reverse;
        margin: 2rem 0;
    }
}

/* Special rare block */
.special {
    padding: 4rem 0.8rem;
}
.spec-title {
    margin-bottom: 3rem;
    text-align: center;
}
.spec-row .card {
    border: 0;
}

.spec-row .card .card-img-top {
    max-width: 250px;
    margin: 0 auto;
}



/* Start bottom section */
.start-bottom {
    background: url(../img/bg.jpeg);
    padding-top: 48px;
    background-size: cover;
}

.startContent {
    max-width: 1456px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 32px;
    text-align: center;
    padding: 48px;
    margin: 0 auto;
}
.startContent .bigTitleOverlay {
    text-align: center;
}

.startDogsList {
    justify-content: space-between;
    margin: 3rem 0;
    text-align: left;
}

.startDogsList .card {
    width: 274px;
    height: 389px;
    background: #FFFFFF;
    border: 2px solid #C9C9C9;
    box-sizing: border-box;
    border-radius: 16px;
    padding-top: 8px;
}

.startDogsList .card-title {
    background: #FFAD01;
    color: #ffffff;
    font-weight: 600; 
    margin-top: 2px;  
    text-align: center;
}

.startDogsList .card-title::before {
    content: url(../img/bit-round.svg);
    position: absolute;
    left: 7px;
    top: 211px;
}

.start-card-descr {
    color: #4E9FE2;
    font-size: 18px;
    font-weight: 700;
    margin: 9px 0;   
}

.startDogsList .card-body {
    padding: 0;
}

.startDogsList .card-text {
    font-size: 14px;
}
.startContent .blueGradBtn {
    margin: 0 auto;
}

.get-your-dog {
    max-width: 1128px;
    height: 600px;
    
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 64px;
    margin: 4rem auto;
    padding: 30px 69px 0 69px;
}
.gd-title {
    text-align: center;
}
.gd-title .bigTitle {
    font-size: 45px;
    display: block;
}
.gd-title .bigTitleOverlay {
    font-size: 70px;
}

.gd-parents {
    margin-top: 5rem;
}

.after-start {
    width: 100%;
    height: 329px;
    background: linear-gradient(9.03deg, #4E9FE2 -21.41%, #984EE2 123.21%), #4E9FE2;
    margin-top: -190px;
    border-top-width: 2px;
    /* border-width: 3px; */
    border-top-style: solid;
    border-image: linear-gradient(to top, #4E9FE2 -21.41%, #984EE2 123.21%);
}
.after-start .blueGradBtn {
    position: relative;
    margin: 0 auto;
}
.front-page-footer, .front-page-footer a{
    color: #ffffff!important;
}

@media screen and (max-width: 768px) {
    .startContent .bigTitleOverlay {
        text-align: center;
        margin-bottom: -16rem;
    }
    .startContent {
        padding: 40px 20px;
    }
    .start-text {
        margin-top: 3rem;
    }
    .startDogsList {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    .startDogsList .card {
        display: inline-block;
    }
    .startDogsList .card-title::before {
        top: 191px;
    }
    .startDogsList .card-text {
        white-space: pre-wrap;
    }
    .get-your-dog {
        padding: 10px;
        height: auto;
        overflow: hidden;
    }
    .gd-title .bigTitle {
        font-size: 32px;
    }
    .gd-title .bigTitleOverlay {
        font-size: 45px;
        line-height: 55px;
        margin-bottom: -9rem;
    }
    .gd-parents {
        margin-top: 4rem;
        margin-left: -7rem;
        width: 37rem;
        max-width: initial;
    }
    .after-start .blueGradBtn {
        margin: 27px auto;
    }
    .cd-frontpage-all {
        max-width: 100%;
    }
}


/* Footer */
.wrapper {
    display: flex;
    justify-content: space-between;
    background: transparent;
    margin-top: -40px;
}

.links {
    list-style: none;
    display: flex;
    width: 33%;
    justify-content: space-between;
}
.links a {
    color: #333333;
    text-decoration: none;
}
.links a:hover {
    color: #000000;
    transition: .7s;
}

@media screen and (max-width: 768px) {
    .wrapper {
        flex-direction: column;
        margin-top: -80px;
    }
    .copyright {
        text-align: center;
    }
    .links {
        width: 100%;
        width: 100%;
        justify-content: space-evenly;
        margin: 0;
        padding: 0;
    }
}



/* --- LOGIN PAGE --- */
.main-content.faq-page {
    padding: 3.8rem 0 4rem 0;
    width: 98vw;
}
.login-row {height: 94vh;}
.left-login-block {  
    background: linear-gradient(111.11deg, #4E9FE2 9.24%, #984EE2 79.63%);
    display: flex;
    justify-content: flex-end;
    padding: 2rem 3rem 4rem 0;
}
.left-login-block img {
    max-width: 409px;
    max-height: 617px;
}
.form-login-block {
    padding: 4rem 0 0 4rem;
}

.login-title {
    text-align: center;
    margin-bottom: 2.5rem;
}

.form-login-block .bigTitle {
    display: block;
}

.form-login-block .bigTitleOverlay {
    margin-bottom: -5rem;
}
.pure-g {
    display: flex;
    flex-direction: column;
    align-items: start;
}

.form-space {
    width: 448px;
    display: flex;
    flex-direction: column;
}
.css-checkbox input {
    margin-right: 5px;
}
.form-line {
    margin: 17px 0;
}
.rme-forgot-line {
    margin-bottom: 1.5rem;
}
.rme-forgot-line a, .create-account a {
    color: #FFAD01;
    text-decoration: none;
}
.form-submit .blueGradBtn {
    width: 100%;
    margin: 1rem 0 2rem 0;
}

.delimeter p {
    display: flex;
    align-items: center;
    color: #6F6F6F;
    margin-bottom: 1.5rem;
}
.delimeter p::before, .delimeter p::after {
    background-color: #6F6F6F;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 100%;
    margin: 0 15px;
}
.g-button {
    color: #4E9FE2;
    border: 2px solid #4E9FE2;
    box-sizing: border-box;
    border-radius: 8px;
}
.g-button:hover {
    color: #984EE2;
    border: 2px solid #984EE2;
    transition: .85s;
}
.g-button i {
    margin-right: 1rem;
}
.create-account {
    margin-top: 4rem;
    text-align: center;
}
.front-page-footer, .login-page-footer { font-weight: 600;}
.login-page-footer p, .login-page-footer p a {
    color: #ffffff;
}

@media screen and (max-width:768px) {
    .form-login-block {
        padding-left: 2rem;
        padding-right: 1rem;
    }
    .pure-g {
        align-items: center;
    }
    .form-space {
        width: 100%;
        max-width: 448px;
    }
    .form-login-block .bigTitleOverlay {
        margin-bottom: -3rem;
    }
    .left-login-block {
        display: none;
    }
    .create-account {
        margin-bottom: 4rem;
    }
}

/* -------- FORGOT PAGE ---------- */
.forgot {
    padding-top: 4rem;
}
.forgot-page {
    padding: 4rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 1100px;
    margin: 0 auto;
}
.forgot-page a {
    color: #FFAD01;
    text-decoration: none;
}
.fg-title {
    display: block;
    text-align: center;
}
.fg-title .bigTitle {
    font-size: 45px;
    display: block;
}
.fg-title .bigTitleOverlay {
    font-size: 70px;
    margin-bottom: -5rem;
}
.fg-form {
    text-align: center;
    padding-top:30px;
    max-width: 640px;
}
.fg-field {
    max-width: 448px;
    margin: 3rem auto;
}
.fg-button input {
    float: none;
    margin: 4rem auto;
}
.issues {
    margin-bottom: 3rem;
}
@media screen and (max-width: 768px) {
    .fg-title .bigTitle {
        font-size: 32px;
        display: block;
    }
    .fg-title .bigTitleOverlay {
        font-size: 45px;
        margin-bottom: -6rem;
    }
}

/* -------- ABOUT US PAGE ---------- */
.about-page {
    padding-top: 7rem;
}
.about-title {
    margin-top: 3rem;
    text-align: center;
}
.about-title .bigTitle {
    display: block;
}
.about-title .bigTitleOverlay {
    margin-bottom: -5rem;
}
.about-page-top {
    text-align: center;
    margin: 4rem 0 3rem 0;
}
.page-about-content {
    max-width: 930px;
    margin: 0 auto;
}
@media screen and (max-width: 768px) {
    .about-page {
       padding: 4rem 1.5rem 7rem 1.5rem;
    }
    .about-title .bigTitleOverlay {
        margin-bottom: -3rem;
    }
}

/* -------- FAQ PAGE ----------- */


/* -------- PARENT SELECTION - START PAGE -------- */
.parent-selection-wrappper {
    padding: 5rem 0;
    text-align: center;
    height: auto;
}
.parent-skip-btn {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #494949;
    font-weight: 600;
    margin: 1rem 0;
}
.start-page-title {
    margin-bottom: 3rem;
}
.start-page-title .bigTitle {
    display: block;
    font-size: 45px;
}
.start-page-title .bigTitleOverlay {
    font-size: 70px;
    margin-bottom: -5rem;
}
.ps-card-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
}
.ps-card-title a {
    width: 100%;    
}
.ps-heart {
    margin: 0 18px;
}
.parent-container {
    width: 253px;
    height: 298px;
    background: #F3F3F3;
    border: 2px dashed #9E9E9E;
    border-radius: 16px;
}
.parent-container .ps-card-title {
    display: none;
}
.invitecode {
    padding: 5px;
    font-size: 17px;
    width: 120px;
    margin: 1.2rem auto;
}
button.ps-main-btn.blueGradBtn {
    margin: 1rem auto;
}
.parent-selection-block {
    display: flex;
    flex-direction: column;
}
.ps-card{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 294px;
}
.ps-card.card-bgr-red {
    border-radius: 16px;
}
.card-price {
    display: none;
}
.dog-parent-select .market-label{
    /* display: none; */
}
.offer-description {
    margin-top: 2rem;
}
@media screen and (max-width: 768px) {
    .ps-heart {
        margin: 0 -10px;
        z-index: 1;
    }
    .start-page-title .bigTitle {
        font-size: 32px;
    }

    .start-page-title .bigTitleOverlay {
        font-size: 45px;
        line-height: 55px;
        margin-bottom: -6rem;
    }
    .parent-container {
        width: 190px;
    }
    .ps-card-title {
        text-align: center;
        font-size: 13px;
    }
}

/* Parents modal */
.dog-parent-select .modal-wrapper {
    position: relative;
  
    width: 82vw;
    height: 1020px;
    overflow-y: scroll;
    padding: 0 48px;
    background: #FFFFFF;
    border-radius: 32px;
    border: 2px solid rgba(0, 0, 0, 0.05)
}
.modal-wrapper .dim {
    margin-bottom: 0;
}
.modal-wrapper::-webkit-scrollbar {
    display: none;
}
.modal-parent-head {
    display: flex;
    justify-content: space-between;
    padding: .4rem 0 1rem;
    align-items: center;
    position: sticky;
    top: 0;
    margin: 1rem auto;
    height: 60px;
    width: 100%;
    background: #ffffff;
    z-index: 999;
}
.modal.dog-parent-select .filtering {
    position: sticky;
    top: 58px;
    background: #ffffff;
    z-index: 999;
    padding-bottom: 10px;
}
.filtering {
    display: flex; 
    justify-content: space-between;
}
.filter-left-block, .filter-right-block {
    display: flex;
}
.opt-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    position: sticky;
    top: -15px;
    background: #ffffff;
}
.dogs-quantity {
    text-align: left;
    font-weight: 600;
}
.modal-title {
    font-size: 28px;
    line-height: 34px;
    font-weight: 600;
}
.close-btn {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 16px;
    width: 74px;
    height: 40px;
    background: #FFAD01;
    border: 2px solid #FFAD01;
    box-sizing: border-box;
    border-radius: 8px;
    color: #ffffff;
}
.rounded-control {
    height: 50px;
    padding: 0 1.4rem;
    border: 1px solid #767676;
    box-sizing: border-box;
    border-radius: 52px;
    box-sizing: border-box;
    border-image-source: linear-gradient(rgba(78, 159, 226, 1), rgba(152, 78, 226, 1));
    border-width: 1pt;
    border-image-slice: 1;
    cursor: pointer;
}
select.sorting-select {
  -webkit-appearance: none;
}
select.sorting-select::after {
    content: "▼";
    padding: 0 8px;
    font-size: 12px;
    position: absolute;
    right: 8px;
    top: 4px;
    z-index: 1;
    text-align: center;
    width: 10%;
    height: 100%;
    pointer-events: none;
    box-sizing: border-box;
}
input.search-dog.rounded-control {
    width: 383px;
}
.select-filter-wrap {
    margin-left: 32px;
}
.sorting-select {
    padding-right: 2rem;
}
.card-wrap {
    display: flex;
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(4, 1fr);
}
.card-container-wrapper {
    /* height: 293px; */
    border-radius: 8px;
    margin-top: 2rem;
    overflow: hidden;
}
.card-wrap-overlay {display: none;}
.dogs-section .card {
    border: 0;
}
.dog-img-wrap {
    height: 293px;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.dogs-section .card-body {
    padding: 16px 0 0 0;
}
.dogs-section .card-img-top {
    height: 293px;
    border-radius: 10px;
}
.gen-text {
    margin-top: 8px;
    font-size: 14px;
    color: #A7A7A7;
}
.genn {margin-right: 8px;}
.lazy-dog {
    margin: 0 11px 0 26px;
}
.pagination-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 4rem;
    padding-bottom: 1.6rem;
}
.pagination {align-items: center;}
.pagination li {
    margin-right: 8px;
    cursor: pointer;
}
.pagination a.active {
    display: flex;
    padding: 4px;
    width: 30px;
    height: 30px;
    background: #4E9FE2;
    border-radius: 4px;
    color: #ffffff;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    cursor: pointer;
}
.search_previous, .search_next {
    cursor: pointer;
}
.pager {
    display: flex;
    list-style: none;
}
.pager a {
    font-size: 18px;
    line-height: 22px;
    display: flex;
    align-items: center;
    color: #535A6A;
    margin-left: 16px;
    text-decoration: none;
    cursor: pointer;
}
@media screen and (min-width: 1441px) {
    .modal.dog-parent-select {
        height: 765px;
    }
    .modal.dog-parent-select .modal-wrapper {
        height: 765px;
    }
}
@media (min-width: 769px) and (max-width: 1440px) {
    .modal.dog-parent-select {
        height: 730px;
    }
    .modal.dog-parent-select .modal-wrapper {
        height: 730px;
    }
    .dog-parent-select .modal-wrapper {
        width: 100%;
    }
    .modal.dog-parent-select {
        left: 0;
    }
}
@media screen and (max-width:768px) {
    .modal-wrapper {
        width: 100%;
        padding: 2rem 1rem;
    }
    main.grid {
        display: flex;
        flex-direction: column;
    }
    .card-wrap {
        grid-template-columns: repeat(2, 1fr);
    }
    .select-filter-wrap {
        max-width: 100px;
    }
    .opt-container {
        flex-direction: column;
    }
    .genn {
        margin-right: 3px;
        max-width: 17px;
    }
    .lazy-dog {
        max-width: 17px;
        margin: 0 3px 0 6px;
    }
    .gen-text {font-size: 12px;}
    .dog-parent-select .modal-wrapper {
        width: 100%;
        padding: 0;
        height: 720px;
    }
    .dog-parent-select .modal-wrapper .dog-img-wrap {
        height: 200px;
    }
    .modal-parent-head {
        padding: 5px 1rem;
    }
}

/* -------- DASHBOARD PAGE ---------- */
.dash-content {
    padding-top: 7rem;
}
.dash-content .hide-soba-dtf {display: none;}
.dash-content .dogs-list-title {
    font-size: 18px;
}
.dashboard-page__dogs-list .earned,
.dashboard-page__dogs-list .price.topstatus {
    display: none;
}
.dash-content .price.dtf, 
.dash-content .price.sell,
.dash-content .health-points {
    display: none;
}
.dash-content .dim {
    margin-bottom: 0;
}
/* --- */
.dashboard-slider__navs {
    text-align: center;
    margin-top: 2px;
    font-size: 0;
  }
  
  .dashboard-slider__nav-link {
    background-color: transparent;
    border: 0;
    width: 30px;
    display: inline-block;
    height: 30px;
    background-image: url(../img/controls.png);
    cursor: pointer;
    opacity: .5;
    transition: opacity .35s linear 0s;
  }
  
  .dashboard-slider__nav-link--right {
    background-position: -34px 0;
  }
  .lSSlideWrapper {padding-top: 1rem;}
.slider-cd-news.bigTitleOverlay {
    text-align: center;
    margin-bottom: 0;
    font-weight: 600;
    line-height: 1.5;
    font-size: 28px;
    -webkit-text-stroke: 1px rgba(250, 250, 250, 0.5);
}
/* --- */
.main-pagination__pages {
    display: none;
}
.user-info-ava {
    width: 96px;
    height: 96px;
    display: flex;
}
.user-info-ava .main-avatar {
    width: 96px;
    height: 96px;
    border-radius: 50%;
}
.user-info-ava .main-avatar__icon {
    width: 93px;
    height: 93px;
}
.name-and-rank {
    max-width: 250px;
    margin-left: 2rem;
}
.uname {
    font-size: 35px;
    line-height: 43px;
    color: #0D090E;
    font-weight: 600;
}
.urank {
    width: 200px;
    font-size: 18px;
    line-height: 22px;
    color: #797979;
    display: block;
    margin-top: 10px;
}
.medals {
    margin-top: 1.3rem;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}
.medals img {
    width: 23px;
    margin-right: 9px;

}
.medals img:nth-child(2) {
    margin-left: 35px;
}
.medals img:nth-child(3) {
    margin-left: 35px;
}
.exp-block {
    margin-left: 25px;
}
.dashboard-user-info__experience-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
    /* margin-left: 35px; */
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    color: #535A6A;
    margin-top: 21px;
}
.explabel {
    display: flex;
    align-items: center;
}
.dashboard-user-info__progress-bar {
    background: rgba(196, 196, 196, 0.25);
    border-radius: 6px;
    margin-top: 11px;
}
.dashboard-user-info__progress-level, .dashboard-user-info__progress-level2 {
    height: 9px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%), #C4C4C4;
    border-radius: 6px;
}
.dashboard-slider__avatar {
    background: transparent!important;
}
.dashboard-page__main-slider {
    /* display: flex;
    align-items: center;
    justify-content: center; */
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    border-radius: 16px;
    overflow: hidden;
    color: #ffffff;
    
}
.dashboard-slider__item {
    display: flex;
    justify-content: center;
    align-items: center;
}
.dashboard-slider__item.active {
    margin-left: 1.4rem;
}
h4.dashboard-slider__title {
    margin-bottom: 10px;
    font-size: 22px;
    padding-top: 1rem;
}
.dashboard-slider__left-part {
    width: 22%;
}
.dashboard-slider__avatar img {width:100%!important;}
.dashboard-slider__description {
    width: 60%;
    /* height: 154px; */
}
.lightSlider {height: 12rem!important;}
.d-wrapper {
    padding-bottom: 4rem;
}
.divider {
    width: 100%;
    height: 2px;
    opacity: 0.25;
    border: 1px solid #919191;
    margin-bottom: -2rem;
}

/* Dogs */
.dashboard-page__section .card-head-icon{
    display: none;
}

.dashboard-page__section .card-container-wrapper {
    display: flex;
    flex-direction: column;
    width: 232px;
    height: 396px;
    text-align: center;
    margin: 10px auto;
}
.all-gens2 {
    display: none;
}
.type-filter {
    list-style: none;
}
.type-filter a {
    font-weight: 500;
    font-size: 23px;
    line-height: 28px;
    color: #9C9EA0;
    text-decoration: none;
}
.type-filter a.active {
    font-weight: 500;
    font-size: 23px;
    line-height: 17px;
    color: #535A6A;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    border-image: linear-gradient(rgba(78, 159, 226, 1), rgba(152, 78, 226, 1));
    border-image-slice: 1;
}

@media screen and (min-width:1440px){
    .dashboard-page__main-slider {
        max-width: 778px;
        height: 274px;
    }
}

@media screen and (max-width: 1440px) {
    .dashboard-page__main-slider {
        width: 678px;
        height: 283px;
    }
    .medals img:nth-child(2), .medals img:nth-child(3) {
        margin-left: 20px;
    }
}
@media screen and (max-width: 768px) {
    .dashboard-page__left-part .user-info, .user-info .medals {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .dashboard-user-info__experience-wrapper {
        margin: 18px 0 0 0;
    }
    .market, .auction, .activity {
        width: 84px;
        margin-right: 3px;
        padding: 12px 12px;
        margin-right: 1px;
    }
    .race {
        width: 68px;
        padding: 12px 12px;
        margin-right: 1px;
    }
    .dashboard-page__main-slider {
        width: 328px;
        margin: 2rem auto;
        height: 350px;
    }
    .filtering {
        flex-direction: column;
    }
    .filter-left-block {
        margin-bottom: 8px;
    }
    .select-filter-wrap {
        margin-left: 0;
    }
    .all-gens {
        display: none;
    }
    .all-gens2 {
        display: block;
    }
    .all-gens2 .rounded-control {
        width: 174px;
    }
    input.search-dog.rounded-control {
        width: 199px;
    }
    .youngest {
        width: 147px;
        margin-left: 8px;
    }
    #BodyContent_ctl00_selectbreed {
        width: 123px;
        margin-left: 8px;
    }
    .dashboard-page__section .card-container-wrapper {
        width: 168px;
    }
    .select-filter-wrap {
        max-width: inherit;
    }
    .type-filter a {
        font-size: 14px;
    }
    /* slider mobile */
    .dashboard-slider__item.row {
        display: flex;
        flex-direction: column;
    }
    .dashboard-slider__left-part {
        width: 50%;
    }
    .db-slider-l, .db-slider-r {
        display: none;
    }
    .dashboard-slider__description {
        font-size: 13px;
        margin-left: -1rem;
        width: 100%;
    }
    h4.dashboard-slider__title {
        font-size: 18px;
    }
    .lightSlider {
        height: 17rem!important;
    }
    .dashboard-slider__avatar img {
        max-width: 66%;
    }
}

/* --------- REGISTER PAGE --------- */
.reg-page {
    height: 93vh;
}

.reg-header {
    padding-top: 5rem;
    font-size: 30px;
    text-align: center;
    padding-bottom: 1rem;
}

/* --------- USER PROFILE PAGE -------- */
.profile-row {
    padding: 3rem 0;
}
.profile-achiv .main-title {
    display: none;
}
.profile-achiv .main-text{
    display: flex;
}
.profile-row .dashboard-user-info__experience-wrapper {
    margin: 25px 0 0 0;
    display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 768px) {
    .dashboard-user-info {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .user-info-ava {
        justify-content: center;
    }
}

/* --------- GAME ONE PAGE -------- */
.game-one {
    text-align: center;
    background: url('../img/game-one-bg.png');
}

.game-one-title {
    margin: 64px 0 47px 0;
}
.game-one-title .bigTitle {
    font-size: 45px;
    display: block;
}
.game-one-title .bigTitleOverlay {
    font-size: 70px;
    margin-bottom: -5rem;
}
.game-one-text {
    margin: 3rem 0;
}
.game-one-footer {
    font-weight: 600;
}
@media screen and (max-width: 768px) {
    /* .umob {
        orientation: landscape;
    } */
    .game-one-title {
        margin: 35px 0 47px 0;
    }
    .game-one-title .bigTitle {
        font-size: 32px;
    }
    .game-one-title .bigTitleOverlay {
        font-size: 45px;
        margin-bottom: -3rem;
    }
    /* .unity-container {
        position: absolute;
        left: 0;
        top: 43px;
        width: 100vw;
        height: 100vh;
    } */
}



/* ------- MARKETPLACE ---------- */
.market-top {
    display: flex;
    padding: 7rem 0 0 0;
    align-items: baseline;
    border-bottom: 2px solid;
    padding-bottom: 7px;
    border-color: rgba(145, 145, 145, 0.25);
    margin-bottom: 32px;
}
.market-top a {
    margin-right: 24px;
}
.card-head-icon {display: none;}

.marketplace-page .card {
    border: 0;
}
.marketplace-page .card-img-top {
    height: 293px;
    border-radius: 10px;
}
.marketplace-page .dog-img-wrap {
    position: absolute;
    top: 1rem;
}
.marketplace-page .card-container-wrapper {
    width: 232px;
    height: 390px;
    margin: 0 auto;
    position: relative;
}
.sobamarket .market-label {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 8px;
    position: absolute;
    width: 170px;
    height: 40px;
    left: calc(50% - 170px/2);
    top: calc(50% - 40px/2 - 157.5px);
    background: #FFFFFF;
    border-radius: 4px;
    filter: drop-shadow(0px 16px 32px rgba(0, 0, 0, 0.15));
}
.sobamarket .dim .mrkt-d-img {
    max-width: 270px;
    margin-top: -2rem;
}
.sobamarket .market-label::after {
    content: "";
    position: absolute;
    width: 17px;
    height: 17px;
    left: calc(50% - 17px/2 + 2.5px);
    top: calc(50% - 17px/2 - -20.02px);
    background: #FFFFFF;
    transform: rotate(135deg);
}
.sobamarket .price.dtf, .sobamarket .price.sell {
    display: flex;
    align-items: center;
    font-size: 18px;
    color: #383838;
}
.sobamarket .price.dtf img {
    margin-right: 10px;
}
.sobamarket .price.sell img {
    margin-right: 10px;
    margin-left: 16px;
}
.marketplace-page .pagination-wrapper {
    padding-bottom: 5rem;
}
.marketplace-page .card-body {
    width: 232px;
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 50;
    /* text-align: center;
    position: absolute;
    bottom: 15px;
    left: 0px;
    width: 232px;
    padding-top: 0; */
}
.dim {margin-bottom: -23px;}


@media screen and (max-width:768px) {
    .marketplace-page .card-container-wrapper {
        width: 168px;
        
    }
    .sobamarket .market-label {
        width: 146px;
        left: calc(50% - 146px/2);
    }
    .marketplace-page .card-body {
        width: 168px;
        background: transparent;
    }
    .market-top {
        justify-content: space-around;
    }
    .market-top a {
        margin-right: 0;
        font-size: 12px;
    }
    
    .market-top a.active {
        font-size: 14px;
    }
}

.marketplace-page .bottom-bar.health-block-only {
    display: none;
}

/* -------- AUCTION PAGE --------- */
.puppy-box {display: flex;}
.auc-title {margin-top: 64px; text-align: center;}
.auc-title .bigTitle {
    display: block;
}
.page-puppy-shopping__mute-btn {
    width: 31px;
    height: 32px;
    border: 0;
    border-radius: 50%;
}
.auc-title .bigTitleOverlay {
    margin-bottom: -5rem;
}
.page-puppy-shopping__main-row {
    padding: 5rem 0;
}
.puppy-box__clouds {
    display: none;
}
.puppy-box__content {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding-right: 2rem;
}
.puppy-box__dog-row.animate-float {
    width: 300px;
    height: 300px;
    background: #D3EAFD;
    border: 3px solid #E5E5E5;
    box-sizing: border-box;
    border-radius: 16px;
}
.puppy-box__name {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #151515;
}
.puppy-box__header-left {
    list-style: none;
    margin: 0;
    padding: 2rem 0;
    font-size: 18px;
    line-height: 2;
    font-weight: 400;
    color: #6D6D6D;
}
.letter-p {
    font-weight: bold;
    font-size: 18px;
    line-height: 120%;
    color: #6D6D6D;
    display: flex;
    align-items: center;
}
.letter-p .puppy-box__purity-v {
    margin-left: 5px;
}
.puppy-box__analysis-table .puppy-box__analysis-level{
    width: 280px;
}
.puppy-box__analysis-table .puppy-box__analysis-level .main-level {
    display: -webkit-inline-box;
} 
.puppy-box__analysis-table .puppy-box__analysis-level .main-level .main-level__text {
    margin-left: 8px;
}
.dna-analyze {
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 18px;
    line-height: 2;
    color: #6D6D6D;
}
.dna-analyze img {margin-right: 8px;}
.letter-p img {margin-right: 8px;}
.main-level {
    display: flex;
}
.main-level__line {
    height: 16px;
    background: linear-gradient(
92.46deg
, rgb(78, 159, 226) 9.84%, rgb(152, 78, 226) 84.58%);
    border-radius: 32px;
    margin-left: 8px;
}
.bid-and-count {
    display: flex;
    justify-content: space-between;
    width: 340px;
    text-align: center;
    padding-right: 0.9rem;
    margin-top: 16px;
}
.time-left-text, .my-bid-text {
    font-size: 18px;
    line-height: 22px;
    color: #151515;
    font-weight: 600;
}
.puppy-box__time {
    display: flex;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    justify-content: center;
    color: #FFAD01;
    margin-top: 16px;
}
.puppy-box__footer-coin-text {
    display: flex;
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    justify-content: center;
    color: #151515;
    margin-top: 16px;
}
.footer-status__place-bid, .footer-status__highest-bid.footer-status--hidden,
.footer-status__you-highest.footer-status--hidden, .puppy-box__footer-status {
    display: none;
}
.page-puppy-shopping__explanation-text {
    margin-top: 34px;
    display: flex;
}
.page-puppy-shopping__explanation-text img {
    margin: 2rem;
}
.warn-left {
    display: block;
    position: relative;
    top: -25px;
}
.warn-right {
    color: #acacac;
}
.page-puppy-shopping__main-row .btn--c-pink {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;

    width: 300px;
    height: 48px;
    
    background: #FFAD01;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
    margin: 16px 0 32px 0;
}
.btn--c-pink img {
    margin-right: 18px;
}
@media screen and (max-width: 768px) {
    .auc-title .bigTitle {
        font-size: 32px;
        display: block;
    }
    .auc-title .bigTitleOverlay {
        font-size: 45px;
        margin-bottom: -3rem;
    }
    .puppy-box__content {
        align-items: center;
    }
    .bid-and-count {
        padding-right: 2.3rem;
    }
    .puppy-box__name {
        justify-content: center;
    }
}

/* ------- DOG PAGE -------- */
.avhieves-block {
    margin-top: 2rem;
}
.top-dog-status {
    display: flex;
    justify-content: space-around;
    position: absolute;
    bottom: 3%;
}
.dog-page-container .main-info__left-name {
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 12px;
}
.dog-page-container .main-info__right {
    display: flex;
    font-size: 18px;
    line-height: 22px;
    color: #636363;
    margin-bottom: 32px;
}
.dog-page-container .main-info__right a {
    font-size: 18px;
    line-height: 22px;
    color: #FFAD01;
    text-decoration: none;
    margin-left: 8px;
}
.dog-bottom-container .main-avatar {
    display: none;
}

.dog-page-container {
    padding: 5rem 0 0 0;
}
.top-dogpage-row {
    padding: 2rem 0;
}
.buttons-section__right.buttons-section__right_a #PlayActivity {
    /* width: 100%; */
    color: #ffffff;
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: 0px 0px 16px rgb(0 0 0 / 5%);
    border-radius: 8px;
    background:linear-gradient(
        55.34deg
        , #a21240 3.28%, #fb0051c4 92.44%);;
}
.buttons-section__right.buttons-section__right_a #goNFT {display: none;}
.sparkle {
    position: relative;
    display: flex;
    justify-content: center;
    background: linear-gradient(
55.34deg
, #FFD34E 3.28%, #FFE38F 92.44%);
    border-radius: 32px;
    margin-bottom: 32px;
}
.big-red-social {
    display: flex;
    margin-bottom: 1rem;
    margin-left: -24px;
}
.soc-dog-column {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: space-between;
}
.dp-social-text {
    font-size: 18px;
    line-height: 22px;
    color: rgba(99, 99, 99, 0.55);
    margin-bottom: 1rem;
}
.dp-dogspeed {
    display: flex;
}
.smallmedal {
    display: flex;
    border-right: 0!important;
    
}
.smallmedal img {
    width: 23px;
    margin: 0 4px;
}
#BodyContent_RACING_STATS {
    margin-top: 1rem;
}
.dog-sellrent-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 16px;
    width: 111px;
    height: 48px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.dog-pimp-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 16px;
    width: 144px;
    height: 48px;
    background: linear-gradient(55.34deg, #FFD34E 3.28%, #FFE38F 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.dog-breed-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 16px;
    /* max-width: 121px; */
    height: 48px;
    background: linear-gradient(55.34deg, #89C865 3.28%, #B4F091 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.dog-race-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 16px;
    width: 150px;
    height: 48px;
    background: linear-gradient(55.34deg, #FF8979 3.28%, #FFBBB1 92.44%), linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.dog-gift-button {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 12px 16px;
    width: 99px;
    height: 48px;
    background: linear-gradient(55.34deg, #6058D5 3.28%, #b49dda 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.buttons-section__right.buttons-section__right_a {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 10px;
}
@media (max-width:768px) {
    .buttons-section__right.buttons-section__right_a {
        grid-template-columns: repeat(2, 1fr);
    }
}
.buttons-section__right.buttons-section__right_a a {
    margin: 0 auto;
    width: 144px;
    height: 48px;
}
.dpage-top-left .buttons-section__right a {
    margin-right: 20px;
    white-space: nowrap;
}
.dpage-top-left .buttons-section__right a:hover {
    color: #dfdfdf;
    transition: .9s;
}
.dpage-top-left .buttons-section__right {
    display: flex;
}
.dog-achiv-list .main-text {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
}
.dog-achiv-list .achiv {
    max-width: 128px;
}
.dpage-name {
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    text-transform: uppercase;
}
.dog-page-container .main-avatar__inner,
.dog-page-container .main-info__user-position {display: none;}
.main-info__param-list {
    display: flex;
    /* flex-direction: row; */
    align-items: center;
    justify-content: space-evenly;
    padding: 16px 32px;
    width: 385px;
    height: 84px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    border-radius: 16px;
    color: #ffffff;
}
.dp-bio-block {
    margin: 2rem 0;
}
.main-info__param-list .main-info__param-item {
    display: flex;
    flex-direction: column;
}
.dp-puriage {
    list-style: none;
    display: flex;
}
.lishniy-blok {
    display: none;
}
.main-info__extra-info {
    display: flex;
    list-style: none;
    margin: 24px 0;
    padding: 0;
}
ul.main-info__extra-info li:nth-child(1), 
ul.main-info__extra-info li:nth-child(2) {
    border-right: 1px solid;
    margin-right: 8px;
    padding-right: 8px;
}
.btn--like {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
    padding: 8px 16px;
    position: static;
    width: 107px;
    height: 80px;
    left: 0px;
    top: 0px;
    background: #FF6A6A;
    border-radius: 16px;
    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 24px;
    color: #ffffff;
}
.buttons-section__right {
    padding: 0 1rem;
}
.dp-price-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #636363;
    text-align: center;
    margin-bottom: 8px;
}
.puppy-box__footer-coin-info button{
    margin: 0 12px;
}
.buy-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    width: 101px;
    height: 48px;
    background: linear-gradient(109.76deg, #4E9FE2 9.28%, #984EE2 109.79%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.breed-button {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    width: 121px;
    height: 48px;
    background: linear-gradient(55.34deg, #FFD34E 3.28%, #FFE38F 92.44%);
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 8px;
    color: #ffffff;
}
.dp-bio-block {
    margin-bottom: 24px;
}
.ACGT {
    display: flex;
    height: 144px;
    margin-top: 1rem;
}
.analysis-section__table {width: 100%;}
.analysis-section__col {width: 50%;}
.analysis-section__level-wrapper {
    width: 160px;
    display: flex;
    align-items: center;
}
.analysis-section__level-line {
    background: linear-gradient(
92.46deg
, #4E9FE2 9.84%, #984EE2 84.58%);
    border-radius: 32px;
    height: 16px;
    margin: 0 8px;
}
.analysis-section__top-text {
    margin-bottom: 1rem;
}
.dp-darents a {text-decoration: none;} 
.dp-darents .cards-section {
    display: flex;
    text-align: center;
    justify-content: space-evenly;
}
.dp-darents .ps-card {
    width: 232px;
}
.dp-darents .card-info {
    font-size: 20px;
    line-height: 34px;
    text-align: center;
    color: #303030;
    font-weight: 600;
    padding: 10px 0;
}
.dog-page-container .main-section.dp-darents {
    margin-bottom: 2rem;
}

@media screen and (max-width:768px) {
    .dog-page-container {width: 94vw;}
    .dog-page-container .main-info__left-name {
        text-align: center;
        margin-top: 2rem;
    }
    .buttons-section__right.buttons-section__right_a a {
        margin-right: 1px;
    }
    .dog-page-container .main-info__right {
        justify-content: center;
    }
    .dog-page-container .buttons-section__left {
        text-align: center;
    }
    
    .dog-page-container .main-title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #000000;
        margin: 1rem 0;
        font-weight: 600;
    }
    .top-dog-status {
        font-size: 12px;
        justify-content: center;
    }
    .top-dog-status .time-big {
        margin-left: 5px;
    }
    .main-info__param-list {
        padding: 16px 2px;
        width: 100%;
    }
    .dp-energy {text-align: center;}
    .big-red-social, .main-info__extra-info {justify-content: center;}
    .dp-bio-block {text-align: center;}
    .analysis-section__col {width: 100%;}
    .puppy-box__footer-coin-info {
        justify-content: center;
    }
    .avhieves-block h2 {text-align: center;}
    .dp-darents .ps-card {
        width: 168px;
        height: 172px;
    }
    .dp-darents .card-info {
        font-size: 15px;
    }

}

/* ------- RACE TRACK PAGE ------- */
.page-race-track .icon.icon--play {
    padding: 5px 15px;
    background: red;
    color: #ffffff;
    border-radius: 8px;
    font-size: 14px;
}
.page-race-track__winners-box {
    position: relative;
}
.yourcolor {
    position: absolute;
    top: 10px;
    left: 20px;
    border-radius: 10px;
    padding: 1px 7px;
    color: #ffffff;
}
.raceid {
    position: absolute;
    top: 10px;
    right: 17px;
    background: #595959;
    color: #ffffff;
    border-radius: 10px;
    padding: 1px 7px;
}
.page-race-track__winners-box .center-play-button{
    position: absolute;
    top: 50%;
    left: 48%;
}
.top-rt-row {
    padding-top: 5rem;
    justify-content: center;
}
.races-table {
    display: flex;
    justify-content: center;
}
.winners-row__coins-list {
    display: flex;
    margin-top: 22px;
}
.winners-row__coins-item {
    display: flex;
    margin-right: 8px;
}
.medal-winner {
    width: 23px;
    height: 23px;
    margin-right: 8px;
}
.next-and-queue {
    display: flex;
    margin-top: 23px;
}
.nex-race-block {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
    margin-right: 32px;
}
.next-race-title {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    text-align: center;
    color: #636363;
    margin-top: 5px;

}
.nex-race-block img {
    width: 19px;
    height: 20px;
    margin: 5px auto;
}
.queue-block {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 16px;
    background: #FFAD01;
    border-radius: 8px;
    color: #ffffff;
}
.queue-block a {
    color: #ffffff;
    text-decoration: none;
}
.queue-block img {
    width: 21px;
    height: 21px;
    margin: 5px auto;
}
.queue-block #QueuedDogs {
    text-decoration: underline;
    margin: 3px auto;
}
.queue-block-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;

}
.races-table__table a {
    font-size: 18px;
    text-decoration: none;
    color: #141414;
}

.races-table__table tbody tr:nth-child(1) {
    background: rgba(255, 173, 1, 0.25);
    border-radius: 0px 0px 12px 12px;
}
.races-table__table thead {
    border-bottom: 1px solid #4E9FE2;
}
.races-table__table .icon--winner-1, .races-table__table .icon--winner-2, .races-table__table .icon--winner-3 {
    width: 23px;
    height: 23px;
    /* background-image: url(/Content/images/icon-winner-1.svg); */
    display: inline-flex;
    vertical-align: text-bottom;
}
tbody, td, tfoot, th, thead, tr {
    white-space: nowrap;
}
.winners-row__col .blueGradBtn {
    max-width: 205px;
    margin-right: 32px;
}
.entry-race-row {
    display: flex;
    align-items: center;
}
.entry-race-title {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    display: flex;
    align-items: center;
    color: #4E9FE2;
}
.page-race-track__races-table {
    margin-top: 2rem;
}
#confetti {
    position: absolute;
    display: inline;
    top: 0;
    right: 25%;
}
@media screen and (max-width:1399px) {
    .page-race-track__races-table.races-table {
        overflow-x: scroll;
    }
}
@media screen and (max-width: 768px) {
    .winners-row__title {
        text-align: center;
    }
    .winners-row__coins-list {
        justify-content: center;
    }
    .next-and-queue {
        justify-content: center;
    }
    .entry-race-row {
        justify-content: center;
    }
    .entry-race-title {
        font-size: 18px;
    }
    .winners-row__col.winners-row__col--right {
        text-align: center;
    }

}

/* ------- STATS PAGE ---------- */
.chartjs-wrapper {
    padding: 5rem 1rem;
}
.stats-page-title {
    padding: 2rem 0;
    text-align: center;
}
.stats-page-title .bigTitle {
    display: block;
}
.stats-page-title .bigTitleOverlay {
    margin-bottom: -5rem;
}

/* ------- SETTINGS PAGE -------- */
.settings-page-title {
    padding: 2rem 0;
    text-align: center;
}
.settings-page-title .bigTitle {
    display: block;
    font-size: 45px;
}
.settings-page-title .bigTitleOverlay {
    margin-bottom: -5rem;
    font-size: 70px;
}
.settings-page-content {
    margin: 0 auto;
    padding-bottom: 5rem;
}
.settings-page-content section {
    text-align: center;
    margin-bottom: 3.5rem;
}
.settings-page-content h2.title {
    font-weight: bold;
    font-size: 28px;
    line-height: 120%;
    text-align: center;
    text-transform: uppercase;
    color: #252525;
    margin-bottom: 2.5rem;
}
.settings-page-content .blueGradBtn {
    max-width: 258px;
    padding: 0;
    height: 40px;
    margin: 0 auto;
}
.settings-page-content .main-avatar {
    border-radius: 50%;
    width: 128px;
    height: 128px;
    margin: 0 auto;
}
.settings-page-content .main-avatar__icon {
    width: 110px;
    height: 128px;
}
.settings-page-content .form-line {
    max-width: 448px;
    margin: 0 auto;
}
.phone-chbox, .email-chbox {
    max-width: 390px;
    margin: 1.5rem auto;
}
.css-checkbox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
.css-checkbox input {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border: 2px solid #CBCBCB;
    box-sizing: border-box;
    border-radius: 4px;
}
.settings-page-content input.phonenumber {
    width: 448px;
}
.setti-bottom {margin: 0 auto;}

@media screen and (max-width:768px) {
    .settings-page-content .form-line {
        max-width: 328px;
        margin: 0 auto;
    }
    .settings-page-content input.phonenumber {
        width: 328px;
    }
    .settings-page-title .bigTitleOverlay {
        margin-bottom: -3rem;
    }
}

/* ------- TRANSACTION PAGE -------- */
.tranz-page {padding-bottom: 3rem;}
.tranz-page tr.Completed td:nth-child(4) {
    /* color: #FF1001; */
    color: #4E9FE2;

}
.tranz-page tr.Expired td:nth-child(4) {
    color: #FF1001;
}
.tranz-page table a {
    color: #000000;
}

.tranz-title {
    padding: 2rem 0;
    text-align: center;
}
.tranz-title .bigTitle {
    display: block;
    font-size: 45px;
}
.tranz-title .bigTitleOverlay {
    margin-bottom: -5rem;
    font-size: 70px;
}
.buy-and-cancel {
    display: flex;
    align-items: center;
}
.awaiting-payment__form .blueGradBtn {
    max-width: 218px;
    height: 48px;
    margin: 15px 15px 15px 0;
}

/* ------- PAYMENT -------- */
.payment-page {
    padding: 5rem 0;
}

.pay-title {
    padding: 2rem 0;
    text-align: center;
}
.pay-title .bigTitle {
    display: block;
    font-size: 45px;
}
.pay-title .bigTitleOverlay {
    margin-bottom: -5rem;
    font-size: 70px;
}
.payment-page .dogs-list__card {
    width: 228px;
    height: 293px;
    border-radius: 8px;
    margin-right: 5px;
}
.payment-page #BodyContent_doglist {
    display: flex;
    justify-content: flex-end;
}
#QUICKPAYBOX {
    display: flex;
    flex-direction: column;
    align-items: center;
}
/* .blue-gradient-text a {
    background: linear-gradient(270deg, #4E9FE2 0%, #BC4EE2 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #BC4EE2;
    display: table;
    font-size: 18px;
    text-decoration: underline;
} */
.awaiting-payment.row {
    justify-content: center;
    margin-top: 48px;
}
#awaitingtext, .fixed-clock{
    font-size: 18px;
    line-height: 22px;
    color: #000000;
}
#timer {
    font-weight: 600;
}
.awaiting-payment__title {
    margin-top: 15px;
}
.payment-page__dogs-info .dogs-info {
    height: 292px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.payment-page__dogs-info .buy-sell-name .bsn-td:nth-child(1) {
    font-weight: 600;
}
.buy-sell-total {
    display: flex;
    font-weight: 600;
    justify-content: space-between;
    border-top: 1px solid #c3c3c3;
    padding: 7px 0;
    -moz-border-image: url(../img/paym-br-line.png) 30 round round;
    -webkit-border-image: url(../img/paym-br-line.png) 30 round round;
    -o-border-image: url(../img/paym-br-line.png) 30 round round;
    border-image: url(../img/paym-br-line.png) 30 round round;
}
.buy-sell-name div td:nth-child(2) {
    display: none;
}
.needhelp {
    font-size: 18px;
    line-height: 22px;
    color: #6A6A6A;
    text-decoration: none;
    display: flex;
    margin-top: 3rem;
}
.needhelp img {margin-right: 8px;}
@media screen and (max-width:768px) {
    .payment-page {
        width: 94vw;
        padding: 5rem 1rem;
    }
    .pay-title .bigTitle {
        display: block;
        font-size: 32px;
    }
    .pay-title .bigTitleOverlay {
        margin-bottom: -6rem;
        font-size: 45px;
    }
    .payment-page .dogs-list__card {
        width: 128px;
        height: 172px;
    }
    .payment-page #BodyContent_doglist {
        justify-content: center;
    }
    .payment-page__dogs-info .dogs-info {
        height: auto;
        margin-top: 2rem;
    }
    .awaiting-payment.row {
        text-align: center;
    }
    .needhelp {
        justify-content: center;
    }
    #BodyContent_box_doga,
    #BodyContent_box_dogb,
    #BodyContent_box_dognew {
        text-align: center;
    }
}

/* ------- LEADER BOARD PAGE ------- */
.leaderboard-page {
    background: url(../img/bg.jpeg);
    margin: 0;
    padding: 7rem 0;
}
.leaderboard-page a {
    text-decoration: none;
}
.leaderboard {
    max-width: 1128px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 32px 32px rgba(0, 0, 0, 0.15);
    border-radius: 64px;
    margin: 0 auto;
    padding: 0 2rem;
}
.leaderboard__title {
    font-weight: bold;
    font-size: 45px;
    line-height: 55px;
    text-align: center;
    text-transform: uppercase;
    color: #4E9FE2;
    margin: 42px 0 32px 0;
}
.leaderboard-under-title {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #494949;
    margin-bottom: 24px;
    text-align: center;
}
.lb-rt {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin: 0 auto;
}
.leaderboard__desc {
    border-bottom: 1px solid #545454;
    margin-top: 2rem;
    display: flex;
}
.leaderboard__row {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}
.leaderboard__number {
    font-weight: bold;
    font-size: 80px;
    line-height: 98px;
    color: #4E9FE2;
    opacity: 0.25;
    width: 160px;
    text-align: center;
}
.lb-col-dog {
    width: 350px;
    display: flex;
    align-items: center;
    padding-left: 1rem;
}
.leaderboard__pic img{
    background: linear-gradient(55.34deg, #FFD34E 3.28%, #FFE38F 92.44%);
    width: 96px;
    height: 96px;
    border-radius: 50%;
    margin-right: 10px;
}
.leaderboard__dog a {
    text-decoration: none;
}
.leaderboard__name {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #494949;
}
.leaderboard__medals {
    display: flex;
    align-items: center;
    margin: 9px 0 0 -8px;
}
.bt-medal {
    width: 24px;
    height: 24px;
    margin: 0 8px;
}
.leaderboard__time {
    font-weight: bold;
    font-size: 28px;
    line-height: 34px;
    color: #4E9FE2;
    width: 200px;
    text-align: center;
}
.leaderboard__bread {
    width: 150px;
    text-align: center;
}
.leaderboard__buy {
    width: 150px;
    text-align: center;
}
.lbtc01, .lbtc02, .lbtc03, .lbtc04 {
    text-align: center;
    font-weight: 600;
}
.lbtc01 {
    width: 480px;
}
.lbtc02 {
    width: 250px;
}
.lbtc03 {
    width: 110px;
}
.lbtc04 {
    width: 180px;
}

/* ------- REGISTER RACE PAGE ------- */
.register-race-page {
    padding-top: 7rem;
}
.register-race-page .card-info {
    text-align: center;
}
.rqheadline {
    text-align: center;
    margin-bottom: 3rem;
    font-size: 20px;
    font-weight: 600;
}
.rfr-title {
    text-align: center;
}
.rfr-title .bigTitle {
    display: block;
    font-size: 32px;
}
.rfr-title .bigTitleOverlay {
    font-size: 45px;
    margin-bottom: -5rem;
}
.recerqdata {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    margin-left: 20px;
}
.recerqdata img {
    border-radius: 50%;
    width: 96px;
    height: 96px;
}
.recerqdata .namenumber {font-weight: 600;}
#racerequests {
    display: flex;
    justify-content: center;
}
.rqtotalpanel {
    text-align: center;
    padding-bottom: 2rem;
    border-bottom: 2px solid rgba(145, 145, 145, 0.25);
    margin-bottom: 2rem;
}
.rqdelete img {
    border-radius: 0;
    width: auto;
    height: auto;
    margin: 8px 0;
}
.rfr-line {
    margin: 1.2rem 0;
}
.letsracebutton.blueGradBtn {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 1rem;
    margin: 0 auto;
}
.rqtotal {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    /* display: flex;
    align-items: center; */
    color: #000000;
}
/* .register-race-page main.grid .price.sell, 
.register-race-page main.grid .price.dtf{
    display: none;
} */

/* ------- COIN PAYMENTS PAGE ------- */
.coin-payments-page {
    height: 94vh;
}

/* .coin-payments-page .btn-group {
    align-items: center;
} */
.p-coin {
    background: transparent;
    color: #363636;
    font-weight: 600;
    border: 0;
    display: none;
}
.coin-payments-page .dropdown {
    height: 350px;
}
.coin-payments-page .btn-group {
    width: 100%;
    text-align: center;
}
.coin-payments-page .btn-group, .coin-payments-page .btn-group-vertical {
    display: initial;
}
.coin-payments-page #cursel {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 1em;
    grid-row-gap: 2em;
    width: 100%;
    height: 216px;
    text-align: center;
    border: 0;
    position: absolute;
    top: 2rem;
}
.coin-payments-page #cursel li {
    border: 1px solid transparent;
    padding: 8px;
}
.coin-payments-page #cursel li.active {
    border: 1px dashed #dfdfdf;
    border-radius: 8px;
    padding: 8px;

}
.coin-payments-page .pure-g {
    align-items: center;
}
.coin-payments-page .form-space {
    align-items: center;
}
@media screen and (max-width: 768px) {
    .coin-payments-page #cursel {
        grid-template-columns: repeat(4, 1fr);
        grid-column-gap: 1em;
        grid-row-gap: 0;
    }
}


/* ------- DRESS UP PAGE --------- */
.dressup-wrapper {
    flex-direction: column;
}
.dog-dress-up .dog-container {
    width: 456px;
    height: 466px;
    background: rgba(255, 255, 255, 0.05);
    border: 2px solid #E5E5E5;
    box-sizing: border-box;
    backdrop-filter: blur(8px);
    border-radius: 32px;
}
.dress-up-top, .dress-up-bottom {
    margin: 0 auto;
}
.shop-container {
    max-width: 1100px;
    padding: 2rem 0;
    margin: 0 auto;
}
.shop-container .shop-items{
    max-width: 1100px;
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    margin: 0 auto;
}
.items-block-wrapper {
    width: 150px;
    height: 130px;
    background: #FFFFFF;
    border: 3px solid #E7E7E7;
    box-sizing: border-box;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.05);
    border-radius: 16px;
}
.dressup-bottom .pagination {
    margin-top: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.dressup-bottom .pagination li a{
    font-size: 16px;
    line-height: 20px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #828282;
    text-decoration: none;
}
.dressup-bottom .pagination li a.active {
    color: #ffffff;
}
.dress-up-top .btn-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 9px;
}
.dress-up-top .save-btn, .dress-up-top .cancel-btn {
    width: 117px;
    height: 48px;
}
.dress-up-top .blueGradBtn {
    margin: 0 10px 0 0;
}
.dress-up-top .grad-btn-out span {
    border-radius: 8px;
    background: #fff!important;
    border:none;
    padding: 11px 30px;
    display:inline-block;
}
.dressup-bottom select.sorting-select {
    -webkit-appearance: auto;
    border-bottom: 1px solid;
    padding-bottom: 8px;
    border-image: linear-gradient(rgba(78, 159, 226, 1), rgba(152, 78, 226, 1));
    border-image-slice: 1;
}
@media screen and (max-width: 768px) {
    .shop-container .shop-items {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }
}

/* ------ PAGE SELL \ RENT A DOG ----- */
.psr-pt {
    padding-top: 6rem;
}
.page-sell-rent__col {
    display: flex;
}
.psell-right-side, .page-sell-rent__inputs {

}
.page-sell-rent__bottom-description {
    font-size: 18px;
    line-height: 22px;
    color: #ACACAC;
}
.rsell-tabs {
    margin-top: -17px;
    padding-top: 2rem;
    border-top: 2px solid rgba(145, 145, 145, 0.25);
}
.page-sell-rent .nav-pills .nav-link.active, .page-sell-rent .nav-pills .show>.nav-link {
    background: transparent;
    font-size: 23px;
    line-height: 28px;
    color: #535A6A;
    border-image-slice: 1;
    border-bottom: 2px solid #000;
    border-image-source:url('../img/tab-active-bb.png');
    
}

.page-sell-rent .nav-pills .nav-link {
    font-size: 23px;
    line-height: 28px;
    color: #9C9EA0;
}
.psr-dname-bio {
    display: flex;
}
.psr-soba-img {
    padding: 2rem;
}
.psr-dname-bio .sparkle {
    width: 250px;
    
}
.psr-soba-info {
    max-width: 610px;
    padding: 2rem;
}
.psr-soba-title {
    font-weight: bold;
    font-size: 36px;
    line-height: 43px;
    color: #000000;
    margin-bottom: 1.5rem;
}
.page-sell-rent__bottom-buttons {
    display: flex;
    align-items: center;
}
.page-sell-rent__inputs .blueGradBtn{
    width: 177px;
    height: 48px;
}
.page-sell-rent__inputs .grad-btn-out {
    height: 48px;
    margin-left: 10px;
}
.page-sell-rent__inputs .grad-btn-out span {
    border-radius: 8px;
    background: #fff!important;
    border: none;
    padding: 10px 30px;
    display: inline-block;
}
.tgl {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #3F3F3F;
}
.page-sell-rent__input-wrap .css-checkbox input {
    margin-left: 0;
}
.page-sell-rent__input-wrap .css-checkbox {
    flex-direction: unset;
}
.psr-controls {
    max-width: 320px;
    margin-left: 5rem;
}
.tgl span{
    
}
@media screen and (max-width:768px) {
    .page-sell-rent__col {
        flex-direction: column-reverse;
    }
    .page-sell-rent__title {
        font-size: 18px;
        line-height: 22px;
        text-align: center;
        color: #000000;
    }
    .psr-dname-bio {
        flex-direction: column;
    }
    .psr-soba-img {
        padding: 0 1rem;
    }
    .psr-dname-bio .sparkle {
        width: auto;
    }
    .psr-soba-info {
        text-align: center;
        padding: 1rem;
    }
    .psr-soba-title {
        margin-bottom: 0;
    }
    .psr-controls {
        margin-left: 1rem;
    }
    .psell-right-side {
        padding: 1rem;
    }
}

/* ------- REGULAR FOOTER -------- */
.regular-footer {
    font-weight: 600;
    margin-top: 3rem;
}
.regular-footer, .regular-footer a {
    color: #333333;
}


/* --------- DOGS LIST --------- */
.dogs-list-title {
    /* font-weight: bold; */
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #303030;
    margin-top: 16px;
}
.card-bgr-green {
    background: linear-gradient(55.34deg, #89C865 3.28%, #B4F091 92.44%);
    border-radius: 8px;
}

.card-bgr-red {
    background: linear-gradient(55.34deg, #FF8979 3.28%, #FFBBB1 92.44%);
    border-radius: 8px;
}
.card-bgr-blue {
    background: linear-gradient(55.34deg, #6058D5 3.28%, #816BA4 92.44%);
    border-radius: 16px;
}
.card-bgr-yellow {
    background: linear-gradient(55.34deg, #FFD34E 3.28%, #FFE38F 92.44%);
    border-radius: 8px;
}
.card-body {
    background: #ffffff;
}
.dog-parent-select .price.sell,
.dog-parent-select .health-points {
    display: none;
}

.achievements-list-page {
    padding: 5rem 15px;
}
.achievements-list-page a {
    color: #333333;
}
.achievements-list-page img {
    max-width: 100%;
}
.ach-row {
    display: flex;
    align-items: center;
}
.ach-row img {
    margin-right: 2rem;
}
@media screen and (max-width: 768px) {
    .ach-row {font-size: 14px; margin-bottom: 1rem;}
    .ach-row img {max-width: 90px;}
}


/* --- Modal Activity in Dashboard --- */
.modal.modal-activity {
    left: 0;
}
.modal-activity a {
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #303030;
}
.modal-activity .js-pagination-prev {
    margin-right: 1rem;
}
.modal-activity .dashboard-activity__table {
    display: flex;
    align-items: center;
}
.modal-activity .dashboard-activity__table a {
    color: #4E9FE2;
    text-decoration: none;
}
.dashboard-activity__amount-change--green,
.modal-activity .dashboard-activity__amount-change--red {
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    color: #4E9FE2;
    display: flex;
    justify-content: center;
}
.modal-activity .dashboard-activity__date {
    font-size: 16px;
    font-weight: 300;
    padding: 0 1.5rem 0 .9rem;
}
.modal-activity .dashboard-activity__rate {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-left: .6rem;
    font-size: 14px;
    font-weight: bold;
}
.modal-activity .icon--activity-1 {
    background-image: url(../img/act-m-breed.svg);
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px;
}
.modal-activity .icon--activity-3 {
    background-image: url(../img/act-m-paid.svg);
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px;
}
.modal-activity .icon--activity-4 {
    background-image: url(../img/act-m-info.svg);
    width: 30px;
    height: 30px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin: 5px;
}
.modal-activity .icon--star {
    background-image: url(../img/act-m-star.svg);
    width: 14px;
    height: 14px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 4px;
}
.modal-activity .dashboard-activity__pagination.main-pagination.main-pagination--small {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.modal-activity .modal-footer .main-pagination__pages {
    display: block;
}
.modal-activity .paginationjs-pages ul {
    display: flex;
    justify-content: space-between;
    list-style: none;
    text-decoration: none;
    align-items: center;
}
.modal-activity .paginationjs-pages ul a {
    text-decoration: none; 
}
.modal-activity .paginationjs-page.J-paginationjs-page {
    margin-right: 8px;
}
.modal-activity .paginationjs-page.J-paginationjs-page.is-active {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 2px 10px;

    /* position: static;
    width: 30px;
    height: 30px;
    left: 0px;
    top: 0px; */

    background: #4E9FE2;
    border-radius: 4px;
    color: #ffffff;
}

@media (min-width: 576px) {
    .modal-activity .modal-dialog {
        max-width: 1200px;
    }
}