/*------------------------------personal page------------------------------*/


.tabs-main {
    margin-top: -509px !important;
    margin-left: 410px !important;
    z-index: 1;
}

.pp {
    width: 882px;
    height: 650px;
    border: 1px solid #8aade1;
    box-sizing: border-box;
    border-radius: 10px;
    background: url(https://i.imgur.com/ualJOIr.jpg), linear-gradient(to bottom, #d9d9d9 0%, #cbcbcb 100%);
    padding: 18px;
}

.main-info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.photo-profile {
    margin: -95px 0px 0px -15px !important;
    box-shadow: 0px 0px 0px 0px #b9dceb;
    width: fit-content;
    border-radius: 15px;
}

.sk-profile {
    margin-top: -31px !important;
    margin-left: 169px !important;
}

.name-profile {
    font-family: 'sintwo';
    font-size: 14px;
    padding: 5px 10px 5px 10px;
    background: #2c2c2c;
    color: #fff;
    border-radius: 109px;
    display: initial;
    margin-top: -164px !important;
    margin-left: 136px !important;
}


.text-profile {
    margin-left: 136px !important;
    margin-top: 13px !important;
    padding: 5px;
    font-size: 8px;
    text-transform: lowercase;
    background: #ffffff;
    border-radius: 139px;
    width: fit-content;
}

.links-profile {
    margin-left: 139px !important;
    margin-top: 16px !important;
}

.crystal-profile-2 {
    margin-left: 196px !important;
    margin-top: -40px !important;
    width: 179px;
    height: 40px;
    overflow-y: auto;
}


.crystal-profile {
    margin-left: -1px !important;
    margin-top: 13px !important;
    width: 179px;
    height: 40px;
    overflow-y: auto;
}

.cr {
    font-size: 10px;
    flex-direction: row;
    padding: 4px;
    width: 30px;
    height: 30px;
    background: #FFFFFF;
    border-radius: 5px;
    display: inline-flex;
    margin-bottom: 8px !important;
    margin-right: 2px !important;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.spirit-profile {
    margin-left: 447px !important;
    margin-top: 6px !important;
    width: 196px;
    height: 41px;
    background: #ffffff;
    border-radius: 10px;
    overflow-y: auto;
    border: 12px solid #ffffff;
}


.slip-card-pofile {
    width: 520px;
    height: 552px;
    overflow: auto;
}

.card-1 {
    margin-top: -1px !important;
}

.card-2 {
    margin-left: 549px !important;
    margin-top: 34px !important;
}

.card-profile {
    width: 252px;
    height: 529px;
    margin-left: 0px !important;
    overflow-y: auto;
    z-index: 1;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-top: -588px !important;
    flex-direction: row;
    align-content: flex-start;
}

.horizon-card {
    overflow-y: auto;
    white-space: nowrap;
    height: 173px;
    margin-bottom: 11px !important;
}


.cp {
    border-radius: 10px;
    margin: 3px 0px !important;
}

.spirit-ls {
    margin-top: -512px !important;
    margin-left: 465px !important;
}

.spirit-background {
    margin-top: -31px !important;
    margin-left: -2px !important;
    filter: brightness(5);
    position: relative;
}

img.spirit-progress {
    position: absolute;
    margin-left: 102px !important;
    margin-top: 74px !important;
    z-index: 1;
}

img.rune-1 {
    position: absolute;
    margin-left: 23px !important;
    margin-top: 109px !important;
    z-index: 1;
}

img.rune-2 {
    position: absolute;
    margin-left: 56px !important;
    margin-top: 26px !important;
    z-index: 1;
}

img.rune-3 {
    position: absolute;
    margin-left: 143px !important;
    margin-top: -11px !important;
    z-index: 1;
}

img.rune-4 {
    position: absolute;
    margin-left: 226px !important;
    margin-top: 26px !important;
    z-index: 1;
}

img.rune-5 {
    position: absolute;
    margin-left: 261px !important;
    margin-top: 109px !important;
    z-index: 1;
}

img.rune-6 {
    position: absolute;
    margin-left: 226px !important;
    margin-top: 195px !important;
    z-index: 1;
}

img.rune-7 {
    position: absolute;
    margin-left: 141px !important;
    margin-top: 228px !important;
    z-index: 1;
}

img.rune-8 {
    position: absolute;
    margin-left: 56px !important;
    margin-top: 195px !important;
    z-index: 1;
}

.spirit-card {
    height: 180px !important;
    margin-top: 46px !important;
    margin-left: 30px !important;
    display: inline;
    overflow-x: auto;
    width: 449px;
}

.rune-inventory {
    font-family: 'sintwo';
    font-size: 11px;
    padding: 5px 10px 5px 10px;
    background: #f3f3f2;
    color: #4c4c4c;
    border-radius: 58px;
    display: initial;
    height: auto;
    width: auto;
    position: absolute;
    left: 684px;
    top: 321px;
}

.catcher {
    width: 319px;
    margin-top: 71px !important;
    overflow-x: scroll;
    white-space: nowrap;
    height: 224px;
    display: -webkit-inline-box;
    margin-left: 397px !important;
}

.catcher-card {
    background: #3d3d3d;
    width: 140px;
    height: 214px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    background-image: linear-gradient(45deg, #fbfdfc, #ffffff);
    padding-bottom: 5px;
    flex-direction: column;
}

.catcher-name {
    padding: 3px 3px 4px 3px;
    background: #2c2c2c;
    color: #ffffff;
    font-family: 'sintwo';
    font-size: 12px;
    width: 117px;
    margin: 9px 0 0px 0;
    text-align: center;
    border-radius: 5px;
}

.inventory {
    height: 215px;
    margin-top: -224px !important;
    margin-left: 734px !important;
    width: 39px;
    background: #fff0;
    padding: 8px 7px 0 5px;
    border-radius: 10px;
    overflow-y: auto;
    border: 1px solid #d9aa9f;
}

.inventory-box {
    height: 36px;
}

img.inventory-img {
    height: 30px;
}

.coupon-profile {
    margin-left: -9px !important;
    margin-top: -8px !important;
    height: 439px;
    border-radius: 10px;
    overflow-y: auto;
    width: 353px;
    position: absolute;
    display: inline;
    flex-direction: row;
}

.coupon-profile-2 {
    margin-left: -9px !important;
    margin-top: 442px !important;
    height: 106px;
    border-radius: 10px;
    overflow-y: auto;
    width: 353px;
    position: absolute;
    display: inline;
    flex-direction: row;
}

.billet-profile {
    width: 378px;
    overflow-y: auto;
    height: 251px;
    margin-left: -5px !important;
    margin-top: 21px !important;
}

.all-profile {
    z-index: 1;
    position: relative;
}

.inventory-billet-name {
    font-family: 'sintwo';
    font-size: 12px;
    transform: rotate(270deg);
    margin-left: -69px !important;
    margin-top: -63px !important;
    width: 185px;
    height: 38px;
    position: absolute;
    color: #398aad;
}

.sticker-profile-name {
    font-family: 'sintwo';
    font-size: 16px;
    margin-left: 0px !important;
    margin-top: -22px !important;
    width: 185px;
    height: 38px;
    position: absolute;
    color: #8aade1;
}


.sticker-profile {
    width: 392px;
    margin-top: -8px !important;
    margin-left: 398px !important;
    height: 140px;
    border-radius: 10px;
    overflow-y: auto;
}

.sticker-profile-podarki {
    width: 392px;
    margin-top: 10px !important;
    margin-left: 398px !important;
    height: 140px;
    border-radius: 10px;
    overflow-y: auto;
}



.fon-profile {
    width: 392px;
    margin-top: 10px !important;
    margin-left: 398px !important;
    height: 184px;
    border-radius: 10px;
    overflow-y: auto;
}

.ikonki-profile {
    width: 392px;
    margin-top: 10px !important;
    margin-left: 398px !important;
    border-radius: 10px;
    overflow-y: auto;
}

.cr2 {
    font-size: 10px;
    flex-direction: row;
    padding: 4px;
    width: 90px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    display: inline-flex;
    margin-bottom: 8px !important;
    margin-right: 2px !important;
    vertical-align: middle;
    align-items: center;
    justify-content: center;
}

.horizon-ikonki {
    overflow-y: auto;
    white-space: nowrap;
    height: 40px;
    margin-bottom: 11px !important;
}

/*line-ls*/


.line-ls-3 {
    border-left: 1px solid #98aadc;
    height: 539px;
    width: 3px;
    margin-left: 413px !important;
    margin-top: -528px !important;
    position: absolute;
}

.line-ls-1 {
    border-top: 1px solid #98aadc;
    height: 2px;
    width: 397px;
    margin-left: -13px !important;
    margin-top: 30px !important;
}

.line-ls-2 {
    border-top: 1px solid #98aadc;
    height: 2px;
    width: 397px;
    margin-left: -13px !important;
    margin-top: 14px !important;
}


.line-ls-4 {
    border-top: 1px solid;
    height: 2px;
    width: 365px;
    margin-left: -13px !important;
    margin-top: 30px !important;
}

.line-ls-10 {
    border-top: 1px solid #98aadc;
    height: 2px;
    width: 397px;
    margin-left: 400px !important;
    margin-top: 10px !important;
}

.line-ls-11 {
    border-top: 1px solid #98aadc;
    height: 2px;
    width: 397px;
    margin-left: 400px !important;
    margin-top: 10px !important;
}
/*tabs*/


.tabbed {
    width: 420px;
    margin-left: 236px !important;
}

.tabbed > input {
  display: none;
}

.tabbed > label {
    display: block;
    float: left;
    padding: 9px 22px;
    margin-right: 5px;
    cursor: pointer;
    transition: background-color .3s;
    border-radius: 100px;
    font-family: 'sintwo';
    font-size: 10px;
    border: 1px solid #f6f6f6;
}

.tabbed > label:hover, .tabbed > input:checked + label  {
    background: #8aade1;
}


.tabs {
  clear: both;
}

.tabs > div {
    width: 780px;
    position: absolute;
    padding: 20px 30px 40px;
    line-height: 1.4em;
    opacity: 0;
    transform: rotateX(-20deg);
    transform-origin: top center;
    transition: opacity .3s, transform 1s;
    z-index: 0;
    margin-left: -238px;
    height: 515px;
}

#tab-nav-1:checked ~ .tabs > div:nth-of-type(1),
#tab-nav-2:checked ~ .tabs > div:nth-of-type(2),
#tab-nav-3:checked ~ .tabs > div:nth-of-type(3),
#tab-nav-4:checked ~ .tabs > div:nth-of-type(4){
  transform: rotateX(0);
  opacity: 1;
  z-index: 1;
}


@media screen and (max-width: 700px) {
  .tabbed { width: 400px }
  .tabbed > label { display: none }
  .tabs > div {
    width: 400px;
    border: none;
    padding: 0;
    opacity: 1;
    position: relative;
    transform: none;
    margin-bottom: 60px;
  }

  .tabs > div h2 {
    border-bottom: 2px solid #4EC6DE;
    padding-bottom: .5em;
  }
  }


/*------------------------------main table--------------------------*/

.wow-link a {
    color: #999fd9!important;
}

.ams {
    position: absolute;
    margin-top: 158px !important;
    margin-left: 50px !important;
    font-size: 8px;
    color: #ffffff;
    width: 152px;
}

.ams a {
    color: #ffffff !important;
}


.wow-link {
    position: absolute;
    font-size: 9px;
    margin-top: 183px !important;
    margin-left: 818px !important;
}

.wow-post {
    position: absolute;
    margin-top: 130px !important;
    margin-left: 720px !important;
    width: 156px;
    font-size: 9px;
    line-height: 11px;
    text-align: justify;
    color: #999999;
}

.wow-autor {
    position: absolute;
    margin-top: 107px !important;
    margin-left: 810px !important;
    font-size: 10px;
    color: #999fd9;
    width: 90px;
    line-height: 9px;
}

.billet-img {
    width: 36px;
    height: 36px;
    background: #f1f1f1;
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 27%;
    padding-right: 1px;
    /* border: 1px solid #f1d3ce8a; */
}

.billet-img-2 {
    background: #ffffff00;
    display: inline-flex;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    padding-right: 1px;
    margin-left: 374px !important;
    /* border: 1px solid #f1d3ce8a; */
}

.billet-main {
    width: 800px;
    height: 100px;
    position: absolute;
    background: #8b8b3900;
    margin-top: 330px !important;
    margin-left: 85px !important;
    overflow-y: auto;
}

.billet {
    width: 156px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    vertical-align: bottom;
    border-radius: 32px;
    background: #e7e7e700;
    margin-bottom: 5px !important;
}

.billet-2 {
    width: 794px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    vertical-align: bottom;
    border-radius: 32px;
    background: #252827;
    margin-bottom: 5px !important;
}

.billet-link {
    padding-left: 5px;
    font-family: sinthree;
    font-size: 12px;
    line-height: 12px;
}

.billet-link-2 {
    padding-left: 5px;
    font-family: sinthree;
    font-size: 13px;
    line-height: 12px;
    text-align: center;
}

.activists-img {
    border-radius: 100%;
}

.activists-1 {
    margin-top: 206px !important;
    margin-left: 765px !important;
    position: absolute;
}

.activists-img-2 {
    border-radius: 201px;
}

.activists-2 {
    margin-top: 206px !important;
    margin-left: 45px !important;
    position: absolute;
}

.activists-3 {
    margin-top: 24px !important;
    margin-left: 44px !important;
    position: absolute;
    line-height: 6px;
}

.activists-4 {
    margin-top: 24px !important;
    margin-left: 740px !important;
    position: absolute;
    line-height: 6px;
}

/*------------------------------quick-links------------------------------*/

#button-m a:hover {
    background: #9fbae1; 
    color: #ffffff; 
    border: 1px solid #9fbae1;}

.quick-links {
    position: absolute;
    width: 941px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-top: 267px !important;
}

#button-m a {
    font-size: 12px;
    text-transform: lowercase;
    border-radius: 10px;
    padding: 5px 30px 5px 30px;
    background: #29bed700;
    color: #97a8db;
    margin: 0 4px 0 4px;
    border: 1px solid #fdcbab;
    font-family: 'sinthree';
}


/*------------------------------konkursy-1------------------------------*/

.back {
    width: 610px;
    padding: 14px;
    position: relative;
    border-radius: 10px;
}

.border {    
    width: 595px;
    padding: 5px;
    border-radius: 7px;
    position: relative;
    background: #f7f7f7;
    border: 1px solid #98aadc;
}

.header-1 {
    width: 49%;
    height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: inline-block;
    margin-right: 7px !important;
}

.header1 {
    width: 49%;
    height: 100px;
    padding-top: 15px;
    padding-bottom: 15px;
    position: relative;
    display: inline-block;
}

.words {
    width: 550px;
    text-align: justify;
    color: #3d3d3d;
    font-family: verdana;
    font-size: 11px;
    line-height: 14px;
    padding-bottom: 15px;
}

.quest {
    border-radius: 5px;
    width: auto;
    padding: 15px;
    text-align: justify;
    background: #f5f5f5;
    box-shadow: 4px 4px #ffffff;
}

.quote-k1 {
    border-radius: 5px;
    width: 275px;
    color: #484848;
    font-family: verdana;
    font-size: 9px;
    margin-bottom: 14px !important;
    background-color: #e2edfe;
    padding: 5px 0px 5px 15px;
}

hr {
    border: none;
    background-color: #98aadc;
    height: 1px;
}

.kartinka-konkurs-1 { 
border-radius: 7px; 
}



/*------------------------------konkursy-1------------------------------*/

#konkurs {
    width: 600px;
    margin: auto;
    padding: 10px;
    font-family: verdana;
    font-size: 10px;
    color: #373737;
    text-align: justify;
    box-sizing: border-box;
    border: 1px solid #98aadc;
    border-radius: 7px;
    margin-top: 14px;
}

#konkurs .title {
    font-family: sintwo;
    font-size: 15px;
    text-transform: lowercase;
    border-bottom: 2px solid #E9E9E9;
    padding-bottom: 5px;
}

#konkurs .konkurs-in {
  background-color: #ffffffff;
  padding: 20px;
  border: 1px solid #ffffff70;
}

#konkurs .konkurs-inn {
  background-color: #ffffffff;
  padding: 0px;
  border: 1px solid #ffffff70;
}

#konkurs .konkurs-in span {
display: inline-block;
  font-family: monospace;
  color: #534e5a;
  background-color: #ffffff;
  padding: 3px;
}


/*------------------------------coupon------------------------------*/
.coupon {
    width: 100px;
    height: 100px;
    background: #ff7315;
    border-radius: 10px;
    margin-right: 12px !important;
    margin-bottom: 12px !important;
    position: sticky;
    display: inline-grid;
    align-items: center;
    vertical-align: top;
    align-content: center;
}

.coupon-2 {
    background: #4d5393;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 12px !important;
    margin-bottom: 12px !important;
    position: sticky;
    display: inline-grid;
    align-items: center;
    vertical-align: top;
    align-content: center;
}

.coupon-3 {
    background: #2cb449;
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin-right: 12px !important;
    margin-bottom: 12px !important;
    position: sticky;
    display: inline-grid;
    align-items: center;
    vertical-align: top;
    align-content: center;
}

.coupon-name {
    display: inline-flex;
    margin-left: 0px !important;
    margin-top: 13px !important;
    margin-bottom: 10px !important;
    align-items: center;
}

.coupon-number {
    padding: 5px 7px 4px 14px;
    font-size: 18px;
    font-family: sintwo;
    color: #fff;
    text-align: center;
    width: 35px !important;
}

.coupon-text {
    text-align: center;
    font-size: 9px;
    padding: 1px 4px 7px 4px;
    color: #fff;
    line-height: 11px;
}

/*------------------------------spirit------------------------------*/

.spirit-m {
    width: 100px;
    height: 155px;
    border-radius: 10px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background-image: repeating-radial-gradient(#00558e 0%, #004aaa 100%);
    margin-top: 5px !important;
}

.spirit-text-m {
    text-align: center;
    font-size: 8px;
    padding: 1px 4px 7px 4px;
    color: #6091fa;
    margin: 10px 4px 0px 3px !important;
    border-top: 1px solid #417ccb;
    border-radius: 5px;
    white-space: normal;
    line-height: 11px;
}

.spirit-name-m {
    display: inline-flex;
    margin-left: 0px !important;
    margin-bottom: 8px !important;
    margin-top: 5px !important;
    padding: 3px 10px 3px 10px;
    font-size: 9px;
    color: #a1ceff;
    text-align: center;
    width: 65px !important;
    flex-direction: column;
    border-radius: 5px;
    font-family: sintwo;
    border-top: 1px solid #3f7bc9;
    border-bottom: 1px solid #3f7bc9;
}

.spirit-k {
    width: 100px;
    height: 155px;
    border-radius: 10px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background-image: repeating-radial-gradient(#edf7ff 0%, #b0d0fa 100%);
    margin-top: 5px !important;
}


.spirit-name-k {
    display: inline-flex;
    margin-left: 0px !important;
    margin-bottom: 8px !important;
    margin-top: 5px !important;
    padding: 3px 10px 3px 10px;
    font-size: 9px;
    color: #1f76d5;
    text-align: center;
    width: 65px !important;
    flex-direction: column;
    border-radius: 5px;
    font-family: sintwo;
    border-top: 1px solid #91c3f1;
    border-bottom: 1px solid #91c3f1;
}


.spirit-text-k {
    text-align: center;
    font-size: 8px;
    padding: 1px 4px 7px 4px;
    color: #6091fa;
    margin: 10px 4px 0px 3px !important;
    border-top: 1px solid #91c3f1;
    border-radius: 5px;
    white-space: normal;
    line-height: 11px;
}

.spirit-none {
    width: 100px;
    height: 155px;
    border-radius: 10px;
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    background-image: repeating-radial-gradient(#edf7ff 0%, #b0d0fa 100%);
    margin-top: 5px !important;
    filter: grayscale(1);
}



/*----------guest room----------*/

.osnova {
    display: block;
    width: 625px;
    border: 1px solid #96a4da;
    box-sizing: border-box;
    border-radius: 5px;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 13px !important;
    background: url(https://i.imgur.com/ftW0QgK.png), linear-gradient(to bottom, #005a8129 0%, #ff660026 100%);
}

.useful-links {
    background-color: #fdfaf9;
    width: 190px;
    height: 52px;
    border-radius: 5px;
    font-size: 10px;
    text-align: justify;
    text-transform: lowercase;
    padding: 10px 12px 15px 7px !important;
    margin-left: -6px !important;
    margin-top: -124px !important;
    box-shadow: 4px 4px 0px #d3e8fa;
}


.guest-img {
    width: 322px;
    height: 120px;
    background: url(https://i.imgur.com/1W0hcB0.png);
    border: 1px solid #e9f1ff;
    margin-left: 254px !important;
    margin-top: -4px !important;
    border-radius: 5px;
    box-shadow: 4px 4px 0px #ffffff;
}


.shapka {
    width: 567px;
    height: 120px;
    margin: 24px !important;
}

.character {
    font-size: 9px !important;
    text-align: left;
    color: #686868;
    line-height: 12px;
    padding: 6px 6px 6px 11px;
    width: 237px;
    height: auto;
    background: #ffe7d5;
    margin-left: 22px !important;
    border-radius: 3px;
    margin-top: 10px !important;
    box-shadow: 3px 3px 0px 0px #fff;
}

.bron {
    margin-left: 35px !important;
    margin-top: 37px !important;
    margin-bottom: 18px !important;
}


.text {
    font-size: 10px !important;
    text-align: justify;
    text-transform: lowercase;
    width: 566px;
    margin-left: 28px !important;
    margin-top: -13px !important;
    margin-bottom: 9px !important;
}

.box {
    background-color: #ffffff;
    width: 260px;
    height: 120px;
    padding-top: 15px !important;
    margin-left: 33px !important;
    margin-top: -4px !important;
}

.vnesh {
    padding: 0px 20px 0px 30px;
    font-size: 10px !important;
    line-height: 15px;
    text-align: left;
    text-transform: lowercase;
    width: 199px;
    height: 105px;
    overflow-y: scroll;
    border-radius: 14px;
    background-color: #ededed;
}

.boys {
    font-size: 12px !important;
    color: #9199d7;
    text-align: center;
    font-family: sintwo;
    width: 253px;
}


.girls {
    font-size: 12px !important;
    color: #f0b588;
    text-align: center;
    width: 159px;
    font-family: 'sintwo';
}

.zagolovok {
    font-family: sinthree;
    font-size: 12px !important;
    line-height: 18px;
    text-align: center;
    text-transform: lowercase;
    color: #7a7a7a;
    border-bottom: 1px solid;
}


/*------------------questionary------------------*/

.questionary {
    width: 467px;
    height: 510px;
    background-color: #f5f5f500;
    border: 1px solid #96a4da;
    border-radius: 14px;
    margin-top: 14px !important;
    padding-top: 24px !important;
    padding-left: 25px !important;
    padding-right: 25px !important;
}

.draste {
    position: static;
    margin-left: -95px !important;
    margin-right: 226px !important;
    background: #96a4da;
    border-radius: 5px;
    font-family: sin;
    font-size: 18px;
    line-height: 16px;
    text-align: center;
    text-transform: lowercase;
    color: #FFFFFF;
    width: fit-content;
    padding: 6px 11px 0 11px;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    align-content: center;
    margin-top: 9px !important;
}

.text_questionary {
    margin-top: 10px !important;
    text-align: justify;
}

.links_questionary {
    text-align: right;
    text-transform: lowercase;
    color: #66A6F6;
    padding-top: 16px !important;
    padding-bottom: 9px !important;
}

.line {
    height: 1px;
    border-bottom: 1px solid #facaa3;
}

.drop {
    height: 20px;
    font-family: sin;
    font-size: 18px;
    line-height: 25px;
    text-align: center;
    text-transform: lowercase;
    color: #96a4da;
    padding-top: 20px !important;
    padding-bottom: 13px !important;
    position: relative;
}

.dropbox {
    height: 202px;
    left: 25px;
    background: #e9e9e9;
    border-radius: 5px;
    position: initial;
    display: block;
    box-shadow: 4px 4px #ffffff;
}

.kristal_questionary {
    width: 40px;
    height: 30px;
    margin-left: -280px !important;
    margin-top: -162px !important;
    background: #ffffff;
    border-radius: 5px;
    font-size: 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

.icon1 {
    margin-left: -380px !important;
    font-size: 10px;
    padding: 5px 5px 5px 7px;
    width: 30px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    display: inline-flex !important;
    margin-bottom: 14px !important;
    margin-right: 5px !important;
    vertical-align: middle;
    align-items: center;
    position: sticky;
}

.icon3 {
    margin-left: -380px !important;
    font-size: 10px;
    display: flex;
    flex-direction: row;
    padding: 5px 5px 5px 7px;
    width: 30px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 5px;
    display: inline-flex !important;
    margin-bottom: 14px !important;
    margin-right: 5px !important;
    vertical-align: middle;
    align-items: center;
    position: sticky;
}

.plash {
    width: 180px;
    height: 30px;
    margin-left: -10px !important;
    margin-top: -177px !important;
    position: sticky;
}

.kvadrat {
    width: 96px;
    height: 96px;
    padding: 12px 12px 12px 12px;
    margin-left: -200px !important;
    margin-top: 13px !important;
    background: #ffffff;
    border-radius: 14px;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    position: sticky;
}

.kupon {
    width: 120px;
    height: 120px;
    margin-left: 50px !important;
    margin-top: 13px !important;
    border-radius: 14px;
}

.karta {
    margin-left: 310px !important;
    margin-top: -187px !important;
    position: sticky;
}


/*-----------------------------news--------------------------*/

.post-active {
    background-color: #f5f5f5;
    width: 130px;
    height: 139px;
    border-radius: 5px;
    color: #3d3d3d;
    font-size: 10px;
    text-align: justify;
    text-transform: lowercase;
    padding: 14px !important;
    border: 1px solid #e6e6e6;
}


.links-news-1 {
    background-color: #e6e6e6;
    width: 190px;
    height: 145px;
    border-radius: 14px;
    font-size: 10px;
    text-align: justify;
    text-transform: lowercase;
    padding: 8px 10px 13px 7px !important;
    margin-left: 5px !important;
    margin-top: -6px !important;
}

.line2 {
    height: 527px;
    border-right: 1px solid #e6e6e6;
    width: 1px;
    margin-top: -45px !important;
}

.news-main {
    width: 625px;
    /* height: 505px; */
    padding: 20px 0px 16px 10px !important;
    background-color: #f7f7f7;
    border: 1px solid #98aadc;
    border-radius: 14px;
    margin-top: 14px !important;
}

.box2 {
    width: 237px;
    margin-right: -23px !important;
    padding-right: 5px !important;
    border-top: 8px solid #fae3dd;
    background-color: #f5f5f500;
    overflow: auto;
    height: auto;
    margin-top: -12px !important;
}

.links-news {
    background-color: #F7F7F7;
    width: 190px;
    height: 107px;
    border-radius: 5px;
    font-size: 10px;
    text-align: justify;
    text-transform: lowercase;
    padding: 10px 10px 13px 7px !important;
    margin-left: 5px !important;
    margin-top: -6px !important;
}

.box-news {
    width: 325px;
    font-size: 10px;
    line-height: 12px;
    text-align: justify;
    text-transform: lowercase;
    margin-top: 10px !important;
}

.text-news { 
    background-color: #f7f7f7;
    width: 340px;
    height: 307px;
    overflow: auto;
}

.kartinkaactiv {
    border-radius: 8px;
    width: 155px;
}

.kartinkaactiv2 { 
border-radius: 100px; 
width: 35px; 
height: 35px; 
}

.img1 { 
border-radius: 14px; 
width: 155px; 
}

.news {
    background-color: #dcdcdc;
    width: 92px;
    padding: 0px 10px 5px 10px;
    height: 25px;
    border-radius: 5px;
    color: #98aadc;
    font-size: 12px;
    font-family: Qanoar;
    text-align: center;
    margin-top: 10px !important;
}

.hello { 
text-align: right; 
font-family: sintwo; 
font-size: 14px; 
margin-top: -15px !important;
width: 325px;
}

.active {
    background-color: #98aadc;
    width: 60px;
    padding: 0px 10px 10px 10px;
    height: 10px;
    border-radius: 5px;
    color: #ffffff;
    font-size: 7px;
    font-family: Qanoar;
    text-align: center;
    margin-left: 6px !important;
    margin-bottom: 4px !important;
}

.menu {
    width: 196px;
    height: 106px;
    overflow-y: auto;
}

.menu a {
    background-color: #ededed;
    display: block;
    padding: 5px 6px 5px 8px !important;
    margin: 5px !important;
    border-radius: 4px;
}

.menu a:hover {
background-color: #FAFAFA; 
}

.postlink-news {
text-align: right;
}


/*------------------------story--------------------*/

.story-main {
    display: block;
    width: 625px;
    background-color: #f7f7f7;
    border: 1px solid #bac3e4;
    box-sizing: border-box;
    border-radius: 10px;
    margin-left: 24px !important;
    margin-top: 12px !important;
    padding-bottom: 10px !important;
    box-shadow: 5px -5px #dcdcdc;
}

.story-img {
    width: 567px;
    height: 120px;
    margin: 29px !important;
    background: url(https://i.imgur.com/6iCLGVj.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.story-help {
width: 567px;
height: 120px;
border-radius: 14px;
margin: 29px !important;
background: url(https://i.imgur.com/cEOeDDh.png);
display: flex;
align-items: center;
justify-content: center;
}

.faq-shapka {
    width: 567px;
    height: 120px;
    margin: 29px !important;
    background: url(https://i.imgur.com/gtFzMQl.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e99;
}

.storytext {
    font-family: Qanoar;
    font-size: 12px;
    line-height: 25px !important;
    text-align: center;
    text-transform: lowercase;
    color: #FFFFFF;
    background: #96a4da;
    padding: 1px 10px 5px 10px;
    border-radius: 5px;
}

.storytext2 {
width: auto;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 12px;
text-align: justify;
text-transform: lowercase;
color: #3d3d3d;
padding-left: 29px !important;
padding-right: 29px !important;
padding-bottom: 29px !important;
}

.zagolovki {
font-family: sintwo;
    font-size: 12px;
color: #3d3d3d;
}


.line3 {
    height: 135px;
    border-right: 1px solid #f9dcc6;
    width: 1px;
    margin-top: 10px !important;
}



/*------------------------------dead-list---------------------------*/


.text-dead {
    font-style: normal;
    font-weight: normal;
    font-size: 11px;
    text-align: justify;
    text-transform: lowercase;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 5px !important;
    margin-top: 17px !important;
color: #3d3d3d;
}


.dead-list {
display: block;
width: 625px;
background-color: #f5f5f5;
border: 1px solid #fae3dd;
box-sizing: border-box;
border-radius: 14px;
margin-left: auto;
margin-right: auto;
margin-top: 25px !important;
}

.box-dead {
    height: auto;
    padding-top: 6px !important;
    margin-top: -4px !important;
}

.prod_udalenia {
    display: flex;
    margin-top: 26px !important;
    margin-left: 31px !important;
    margin-right: 31px !important;
    margin-bottom: 5px !important;
    height: 20px;
    background: #f5f5f5;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    padding-bottom: 3px;
    border: 1px solid;
    border-image: linear-gradient(to right, #fae3dd 0%, #bf988e 50%, #fae3dd 100%) 1;
}


.prod_udalenia1 {
    display: flex;
    margin-top: 8px !important;
    margin-left: 31px !important;
    margin-right: 31px !important;
    margin-bottom: 5px !important;
    height: 20px;
    width: 300px;
    background: #f5f5f5;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
    padding-bottom: 2px !important;
    border: 1px solid;
    border-image: linear-gradient(to right, #f7f7f7 0%, #bf988e 50%, #f7f7f7 100%) 1;
}

.prodtext {
    font-family: sintwo;
    font-size: 12px;
    color: #1c1c1c;
}

.vnesh_udalenia { 
width: 250px; 
}

.vnesh_ud { 
padding: 0px 30px 0px 30px;
font-size: 11px; 
line-height: 15px; 
text-align: center; 
text-transform: lowercase; 
}

.sova {
    font-size: 12px;
    text-align: center;
    font-weight: 900;
    font-family: 'sintwo';
    color: #2e2e2e;
}


.line-dead {
    width: 566px;
    margin-left: 30px !important;
    margin-top: 7px !important;
    margin-bottom: 20px !important;
    border-bottom: 1px solid #fae3dd;
    border-image: linear-gradient(to right, #fae3dd 0%, #bf988e 50%, #fae3dd 100%) 1;
}

.fon {
    background-color: #e9e9e975;
    padding: 10px;
    text-align: center;
    border-radius: 5px;
    /* box-shadow: -5px -5px #ededed; */
}


/*------------------------------sns--------------------------*/
#sns {
 width: 320px ;
 margin: 25px auto !important;
 overflow: hidden;
 padding: 25px !important;
 background-color: #f5f5f5;
 outline: 1px solid #fae3dd;
 outline-offset: 3px;
 line-height: 100%;
 border-radius: 14px;
}

#sns .avatar {
height: 70px; 
width: 70px; 
overflow: hidden;
border-radius: 100px;
margin: auto !important;
background: #ffffff;
outline: 1px solid #fae3dd; 
border: 5px solid #fae3dd; 
}

#sns h1 {
 font-size: 18px;
 text-align: center;
 color: #5c5c5c;
 text-transform: lowercase;
 margin-top: 8px !important;
}

.sns-text {
 background-color: #DDDDDD;
 padding: 10px !important;
 color: #575757;
 font-size: 10px;
 line-height: 125%;
 text-align: justify;
 margin-top: 10px !important;
 border-radius: 14px;
}

#sns .time {
 font-family: arial;
 font-size: 10px;
 text-align: right;
 color: #DDDDDD;
 letter-spacing: 1px;
 text-transform: lowercase;
 margin-top: 10px !important;
}

#sns .img {
max-width: 300px !important;
}


/*------------------------------character--------------------------*/

.abcd {
    left: 39px;
    font-size: 14px;
    transform: rotate(270deg);
    text-transform: lowercase;
    overflow: hidden;
    display: flex;
    width: 185px !important;
    margin-top: 100px !important;
    height: 18px;
    justify-content: flex-end;
    margin-left: -78px !important;
    margin-right: -89px !important;
    z-index: 1;
    font-family: sintwo;
    color: #bebebe;
}

.vnesh {
    padding: 0px 20px 0px 30px;
    font-size: 10px !important;
    line-height: 15px;
    text-align: left;
    text-transform: lowercase;
    width: 199px;
    height: 105px;
    overflow-y: scroll;
    border-radius: 5px;
    background-color: #fdfaf9;
    border: 10px solid #ffffff00;
    /* box-shadow: 4px 4px #ffffff; */
}


.shapka-character {
    width: 567px;
    height: 120px;
    border-radius: 5px;
    margin-top: 26px !important;
    margin-left: 29px !important;
    margin-bottom: 10px !important;
    background: url(https://i.imgur.com/ydb673s.png);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -5px -5px #e9e9e9;
}


/*------------------------------bank------------------------------*/


.prod {
    display: flex;
    margin-left: 31px !important;
    margin-right: 31px !important;
    margin-bottom: 9px !important;
    width: 567px;
    height: 20px;
    background: #fae3dd;
    border-radius: 14px;
    align-items: center;
    justify-content: center;
}

.shapka-bank {
    width: 567px;
    height: 120px;
    margin-top: 26px !important;
    margin-left: 31px !important;
    margin-right: 31px !important;
    margin-bottom: 14px !important;
    background: url(https://i.imgur.com/bY8BfEi.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.bank {
width: 116px;
height: 20px;
background: #FFB173;
border-radius: 0px;
}

.prodtext {
    font-family: sintwo;
    font-size: 12px;
    color: #1c1c1c;
}


.box-bank {
    background-color: #f1f1f1;
    width: 260px;
    height: 170px;
    border-radius: 5px;
    padding-top: 15px !important;
    /* box-shadow: 4px 4px #ffffff; */
}

.spis1 { 
width: 250px; 
height: 155px; 
overflow: scroll;  
}

.spis { 
padding: 0px 10px 0px 10px;
font-size: 10px; 
line-height: 15px; 
text-align: left; 
text-transform: lowercase; 
}


/*------------------------------card sleep------------------------------*/
.sleep-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/06oWSsB.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.butblock2 {
    width: 549px;
    height: 261px;
    background: #f5f5f5;
    border-radius: 10px;
    margin-left: 29px !important;
    padding-top: 2px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    margin-top: 15px !important;
    border: 10px solid #f5f5f5;
}

.butblock3 {
    width: 347px;
    margin-left: -17px !important;
    overflow: hidden;
    height: 214px !important;
    margin-top: 27px !important;
}

.butblock4 {
    width: 785px;
    margin-left: 7px !important;
    overflow: auto;
    height: 212px !important;
    margin-top: 320px !important;
} 

.butblock5 {
    width: 567px;
    height: 462px;
    background: #f6f6f600;
    border-radius: 10px;
    margin-left: 25px !important;
    overflow: hidden;
    padding: 20px 2px 10px 2px;
}

.zag-card {
font-family: sintwo;
font-size: 14px;
line-height: 18px;
text-align: justify;
text-transform: lowercase;
margin-left: 29px !important;
margin-bottom: 7px !important;
}

.line-card {
    width: 567px;
    height: 1px;
    border-bottom: 1px solid #96a4da;
    margin-left: 29px !important;
    margin-right: 29px !important;
}

.text-card {
    font-style: normal;
    font-weight: normal;
    font-size: 10px;
    line-height: 11px;
    text-align: justify;
    text-transform: lowercase;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-top: 17px !important;
    margin-bottom: 19px !important;
}


.tab button {
    float: left;
    border: none;
    outline: none;
    cursor: pointer;
    transition: 0.3s;
    font-size: 14px;
    border-radius: 10px;
    width: auto;
    height: 20px;
    font-family: sintwo;
    color: #ffffff;
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding-left: 10px !important;
    padding-right: 10px !important;
    background: #fae3dd00;
    margin-left: 0px !important;
}

.tab {
    overflow: hidden;
    border-radius: 10px;
    background-color: #d9e9ff;
    width: auto;
    height: 20px;
    margin-bottom: 10px !important;
    display: inline-block;
}

/* Изменение цвета фона кнопок при наведении курсора мыши */
.tab button:hover {
background-color: #96a4da;
}

/* Создание активного/текущего класса связей вкладок */
.tab button.active {
    background-color: #f9dbc4;
}

/* Стиль содержимого вкладки */

.tabcontent-card {
    height: 428px;
    border: none;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;
}

/*горизонтальный скролл*/
.horizon {
overflow-x: scroll;
}

/*связка со скриптом появления содержимого вкладок*/
@keyframes fadeEffect {
from {opacity: 0;}
to {opacity: 1;}
}

.smallzag {
position: static;
width: 156px;
height: 20px;
font-family: Arial;
font-style: normal;
font-weight: normal;
font-size: 10px;
line-height: 11px;
text-transform: lowercase;
color: #1a1a1a;
text-align: center;
flex: none;
order: 0;
align-self: stretch;
margin-left: 10px !important;
margin-bottom: 10px !important;
margin-top: 10px !important;
border-bottom-width:1px;
border-bottom-style: solid;
border-bottom-color: #96a4da;
}

.sleeps {
position: static;
width: 120px;
height: 160px;
border-radius: 5px;
display: inline-block;
margin-left: 10px !important;
margin-right: 10px !important;
margin-bottom: 10px !important;
}

.footer-sleep {
    width: 567px;
    height: 55px;
    border-radius: 5px;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 11px !important;
    background: url(https://i.imgur.com/bcKO1oS.png);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -5px -5px #e9e9e9;
}


/*------------------------------dealer------------------------------*/

.diler-sh {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/ggWuhgm.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.star {
font-size: 8px;
line-height: 9px;
text-align: justify;
text-transform: lowercase;
margin-left: 29px !important;
margin-right: 29px !important;
margin-bottom: 8px !important;
margin-top: 8px !important;
}

.zagolovok1 {
    font-family: sintwo;
    font-size: 14px;
    line-height: 18px;
    text-transform: lowercase;
    margin-bottom: 11px !important;
    margin-top: 24px !important;
    text-align: center;
}

.block {
    overflow: scroll;
    width: 550px;
    height: 402px;
    background: #fbfbfb;
    border-radius: 5px;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 29px !important;
    border: 10px solid #ededed00;
    box-shadow: 4px 4px #ffffff;
}


.block table tbody tr:nth-child(even) {
    background-color: #dedede !important;
}

.kvadr1 {
    position: static;
    width: 100px;
    height: 100px;
    margin-left: 20px !important;
    margin-right: 10px !important;
    display: inline-flex;
    border-radius: 14px;
    flex: none;
    order: 0;
    flex-grow: 0;
    background-color: #ebebeb;
    align-items: center;
    justify-content: center;
}


/*------------------------------spirit------------------------------*/

.sh-spirit {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/gWfZueu.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.line-card2 {
    width: 567px;
    height: 1px;
    left: 428px;
    top: 253px;
    border-bottom: 1px solid #96a4da;
    transform: rotate(180deg);
}

.butblock {
    width: 559px;
    height: 200px;
    background: #f7f7f7;
    margin-left: 29px !important;
    padding-top: 20px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    padding-left: 10px;
}


.scr {
overflow-x: scroll;
width:240px;
height:90px;
padding-right:15px;
}

.scr1 {
overflow-x: scroll;
width:260px;
height:90px;
padding-right:18px;
}

.spirit-footer {
    width: 567px;
    height: 55px;
    border-radius: 5px;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 11px !important;
    background: url(https://i.imgur.com/3nYP9iZ.png);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: -5px -5px #e9e9e9;
}

.scroll-spirit {
    margin-top: -5px !important;
    height: 164px;
    border-radius: 10px;
    overflow-x: overlay;
    width: 319px;
    display: inline-flex;
    flex-wrap: wrap;
}

.tabcontent {
    border: none;
    height: 432px;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
}

.tabcontent3 {
    border: none;
    height: 209px;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
}

.tabcontent2 {
    border: none;
    height: 423px;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
}

.tabcontent4 {
    border: none;
    height: 224px;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
    margin-top: 15px !important;
}


.dreamcatcher-card {
    padding: 6px 12px;
    border: none;
    height: 220px;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
}

img.dreamcatcher-img {
    border: 1px solid #96a4da !important;
    padding: 10px !important;
    margin-bottom: 10px !important;
    border-radius: 10px;
    background: #0000000a;
}

img.dreamcatcherimg-2 {
    position: absolute;
    display: none;
}

.tabcontent-2 {
    padding: 6px 12px;
    border: none;
    border-top: none;
    animation: fadeEffect 1s;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: scroll;
}

/*------------------------------store------------------------------*/


.store-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 31px !important;
    margin-right: 31px !important;
    margin-bottom: 14px !important;
    background: url(https://i.imgur.com/urKV6J0.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.butblock-store {
    width: 395px;
    background: #f7f7f7;
    border-radius: 14px;
    margin-left: 7px !important;
    padding-top: 5px !important;
    margin-bottom: 20px !important;
    overflow: hidden;
    display: inline-block;
    border: 7px solid #efefef00;
    padding-left: 14px;
}

.incont {
    height: 33px;
    margin-bottom: 7px !important;
}

.plsh {
height: 33px;
display: inline-block;
margin-right: 5px !important;
}

.img-pr {
    display: inline-flex;
    margin-left: 17px !important;
    vertical-align: top;
}

 
/*------------------------dreamcatcher v2-----------------------*/

.dreamcatcher-progress {
    margin-top: 77px !important;
    margin-left: 468px !important;
}

img.dreamcatcher-arrow {
    margin-top: -76px !important;
    position: absolute;
}

img.dreamcatcher-now {
    margin-top: 35px !important;
    position: absolute;
    margin-left: 13px !important;
}

.dreamcatcher-collection {
    margin-top: -137px !important;
    margin-left: 325px !important;
}

.arrow-dreamcatcher {
    width: 283px;
    margin-left: 7px !important;
    margin-top: -531px !important;
    height: 272px !important;
    overflow: auto;
}

img.dreamcatcher-arrow-2 {
    border: 1px solid #96a4da !important;
    border-radius: 10px;
}


.block2new {
    width: 567px;
    background: #f6f6f600;
    border-radius: 5px;
    margin-left: 29px !important;
    margin-right: 29px !important;
}

.lovets-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/OSQfZBK.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

.lov1 {
    position: static;
    left: 0px;
    top: 0px;
    display: inline-block;
    margin-left: 3px !important;
    margin-right: 2px !important;
    margin-bottom: 10px !important;
    border: 1px solid #d9d9d9 !important;
    border-radius: 10px;
    padding-top: 7px;
}

.tablenew {
    padding-top: 25px;
    padding-bottom: 2px;
    margin-left: 105px;
    width: 365px;
}

.zag2new {
font-family: arial;
font-style: normal;
font-size: 10px;
line-height: 11px;
display: flex;
text-transform: lowercase;
margin-left: 140px;
margin-top: -18px;
color: #FF8812;
}

.cvet1 {
background-color: #E10000; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet2 {
background-color: #F816B0; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet3 {
background-color: #7E29EA; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet4 {
background-color: #1017B7; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet5 {
background-color: #00A3FF; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet6 {
background-color: #00B21D; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet7 {
background-color: #9CD328; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet8 {
background-color: #FAE847; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet9 {
background-color: #E05C12; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}

.cvet10 {
background-color: #343434; 
width: 40px; 
height: 40px; 
padding: 0px 0px !important; 
border-radius: 0px; 
}







/*------------------------insta-----------------------*/
.instag {
    width: 380px;
    background-color: #f5f5f5;
    border: 1px solid #999fd9;
    padding-top: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    padding-right: 38px;
    border-radius: 14px;
    margin-top: 13px !important;
}

.instag1 {margin-right:15px;margin-bottom:15px;width:100px;height:100px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.instag2 {width:230px;font-family:arial;font-size:10px;color:#444;letter-spacing:0px;text-align:justify;}
.instag3 {margin-bottom:10px;font-size:15px;font-weight:bold;font-family:sintwo;}
.insta {
    width: 328px;
    background-color: #f5f5f5;
    border-top: 1px solid #999fd9;
    border-left: 1px solid #999fd9;
    border-right: 1px solid #999fd9;
    padding: 10px;
    border-radius: 14px 14px 0 0;
    margin-top: 13px !important;
}
.insta1 {width:25px;height:25px;border-radius:100%;-moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;}
.insta2 {margin-left:5px;width:260px;font-family:sintwo;font-size:12px;color:#1a1a1a;text-align:left;}
.insta3 {width:25px;font-family:arial;font-size:12px;color:#aaa;}
.insta4 {width:348px;border:1px solid #999fd9;border-radius: 0px;}
.insta5 {
    width: 328px;
    background-color: #f5f5f5;
    border-left: 1px solid #999fd9;
    border-right: 1px solid #999fd9;
    border-bottom: 1px solid #999fd9;
    padding: 10px;
    border-radius: 0 0 14px 14px;
}
.insta6 {width:75px;font-family:sintwo;font-size:10px;color:#1a1a1a;text-align:left;letter-spacing:0px;}
.insta7 {width:240px;font-family:arial;font-size:10px;color:#444;text-align:left;letter-spacing:0px;}
.txt {font-family:arial;color:#444;}


/*------------------------m-collection-----------------------*/
.komm-collection {
    font-style: normal;
    font-size: 9px;
    line-height: 9px;
    text-transform: lowercase;
    width: 140px;
    margin-top: 17px !important;
}


.line7 {
    height: 96px;
    border-left: 1px solid #96a4da;
    width: 1px;
}


.line8 {
    width: 401px;
    border-bottom: 1px solid #96a4da;
    height: 1px;
}


.line9 {
    height: 70px;
    border-left: 1px solid #96a4da;
    width: 1px;
}

.m-collection-pl  {
    width: 490px;
    height: 250px;
    background: #f3f3f3;
    margin-left: 55px !important;
    margin-right: 29px !important;
    margin-bottom: 10px !important;
    border-radius: 5px;
    border: 10px solid #ededed00;
    box-shadow: 4px 4px #ffffff;
}


.m-collection-fon {
    width: 490px;
    height: 250px;
    background: #f3f3f3;
    margin-left: 55px !important;
    margin-right: 29px !important;
    margin-bottom: 10px !important;
    border-radius: 14px;
    border: 10px solid #ededed00;
    box-shadow: 4px 4px #ffffff;
}

.m-collection-icon {
    width: 490px;
    height: 130px;
    background: #f3f3f3;
    margin-left: 55px !important;
    margin-right: 29px !important;
    margin-bottom: 27px !important;
    border-radius: 14px;
    border: 10px solid #ededed00;
    box-shadow: 4px 4px #ffffff;
}

.m-collection-sm {
    overflow: scroll;
    width: 490px;
    height: 185px;
    background: #f3f3f3;
    margin-left: 55px !important;
    margin-right: 29px !important;
    margin-bottom: 20px !important;
    border-radius: 14px;
    border: 10px solid #ededed00;
    box-shadow: 4px 4px #ffffff;
    margin-top: -20px !important;
}

.collection-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/BTY5e1l.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

/*------------------------today-----------------------*/

.today-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/njM9OWW.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}

/*------------------------sims-----------------------*/

.sims-img {
    width: 567px;
    height: 120px;
    margin-top: 29px !important;
    margin-left: 29px !important;
    margin-right: 29px !important;
    margin-bottom: 13px !important;
    background: url(https://i.imgur.com/AVneMag.png);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    box-shadow: -5px -5px #e9e9e9;
}


.probnik {
    
    
    background: #f3f3f3;
    margin-right: 12px !important;
    margin-left: 12px !important;
}

.probnik1 {
    
    
    background: #f3f3f3;
    margin-right: 33px !important;
    margin-left: 33px !important;
}


.probnik2 {
    
    
    background: #f3f3f3;
    margin-right: 47px !important;
    margin-left: 47px !important;
}