@charset "UTF-8";

#header_bar,#profile_header,#body_type_container,#hair_container,#eyes_container,#profile_password_photo_galleries,#password_photo_galleries,#profile_schedule,#footer_bar,#gallery_password_container,#send_message_container,#img_preview,#cboxOverlay,#colorbox {
  display:none;
}

#profile_about_me > .heading {
  display:none;
}

#about_me_label {
  display:none;
}

#username_container,#cam_score_container,#gender_container,#ethnicity_container,#weight_container,#height_container,#age_container,#country_container,#sexual_preference_container,#smoke_container,#marital_status_container,#occupation_container {
  display:none;
}

#profile_friends > .heading {
  display:none;
}

.profile_section_content {
  margin:0;
  padding:0;
  border-radius:0;
}

#profile,#profile_main_about_holder,#profile_about_me_friends,#about_me_container {
  display:block;
}

.container {
  margin:0;
}

.value {
  display:block;
}

* {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

body {
  padding:0;
  margin:0;
  padding-top:0;
  color:#f6f6f6;
  font-size:17px;
  font-family:"Montserrat",sans-serif;
  font-weight:500;
  letter-spacing:-.35pt;
  line-height:1.6;
  width:100%;
  height:100%;
  height:100vh;
  overflow-x:hidden;
  -webkit-text-size-adjust:none;
  -ms-text-size-adjust:none;
  text-size-adjust:none;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}

#menu {
  position:relative;
  background-color:#333333;
  margin:0;
  padding:0;
  display:block;
}

.flex-container {
  display:flex;
  text-align:center;
}

.flex-element {
  width:33.33%;
  height:auto;
  margin-left:5%;
  margin-right:5%;
}

#img1 {
  display:block;
  margin-left:auto;
  margin-right:auto;
  max-width:100%;
  height:auto;
  align-items:center;
}

#main {
  background-image:url(https://i.ibb.co/SNf0zKm/gard.png);
  display:block;
  height:auto;
  min-height:100vh;
}

#vixen {
  margin-left:5%;
  float:left;
  font-family:'Times New Roman',Times,serif;
  font-size:30px;
  padding:0;
  margin-top:10px;
  margin-bottom:10px;
  font-weight:bold;
  color:white;
}

.ul1 {
  list-style-type:none;
  margin:0;
  padding:0;
  overflow:hidden;
}

li {
  float:right;
}

li a {
  display:block;
  color:white;
  text-align:center;
  padding:16px;
  text-decoration:none;
}

li a:hover {
  background-color:#111111;
}

/*Slider*/
#slider {
/*положение слайдера*/
  position:relative;
  text-align:center;
  top:20px;
}

.all {
  margin-bottom:30px;
}

#slider {
/*центровка слайдера*/
  margin:0 auto;
}

#slides article {
/*все изображения справа друг от доруга*/
  width:20%;
  float:left;
}

#slides .image {
/*устанавливает общий размер блока с изображениями*/
  width:500%;
  line-height:0;
}

#overflow {
/*сркывает все, что находится за пределами этого блока*/
  width:100%;
  overflow:hidden;
  box-sizing:border-box;
  box-shadow:0 0 0 10px #fff,0 15px 50px;
}

article img {
/*размер изображений слайдера*/
  width:100%;
}

#desktop:checked ~ #slider {
/*размер всего слайдера*/
  max-width:60%;
/*максимальнная длинна*/
}

/*настройка переключения и положения для левой стрелки*/
/*если свич1-5 активны, то идет обращение к лейблу из блока с id контролс*/
#switch1:checked ~ #controls label:nth-child(5),#switch2:checked ~ #controls label:nth-child(1),#switch3:checked ~ #controls label:nth-child(2),#switch4:checked ~ #controls label:nth-child(3),#switch5:checked ~ #controls label:nth-child(4) {
  background:url(https://i.ibb.co/pWcbHXm/prev.png) no-repeat;
/*заливка фона картинкой без повторений*/
  float:left;
  margin:0 0 0 -84px;
/*сдвиг влево*/
  display:block;
  height:68px;
  width:68px;
}

/*настройка переключения и положения для правой стрелки*/
#switch1:checked ~ #controls label:nth-child(2),#switch2:checked ~ #controls label:nth-child(3),#switch3:checked ~ #controls label:nth-child(4),#switch4:checked ~ #controls label:nth-child(5),#switch5:checked ~ #controls label:nth-child(1) {
  background:url(https://i.ibb.co/wSG83vw/next.png) no-repeat;
/*заливка фона картинкой без повторений*/
  float:right;
  margin:0 -84px 0 0;
/*сдвиг вправо*/
  display:block;
  height:68px;
  width:68px;
}

label,a {
/*при наведении на стрелки или переключатели - курсор изменится*/
  cursor:pointer;
}

.all input {
/*скрывает стандартные инпуты (чекбоксы) на странице*/
  display:none;
}

/*позиция изображения при активации переключателя*/
#switch1:checked ~ #slides .image {
  margin-left:0;
}

#switch2:checked ~ #slides .image {
  margin-left:-100%;
}

#switch3:checked ~ #slides .image {
  margin-left:-200%;
}

#switch4:checked ~ #slides .image {
  margin-left:-300%;
}

#switch5:checked ~ #slides .image {
  margin-left:-400%;
}

#controls {
/*положение блока всех управляющих элементов*/
  margin:-25% 0 0;
  width:100%;
  height:50px;
}

#active label {
/*стиль отдельного переключателя*/
  border-radius:10px;
/*скругление углов*/
  display:inline-block;
/*расположение в строку*/
  width:15px;
  height:15px;
  background:#bbb;
}

#active {
/*расположение блока с переключателями*/
  margin:18% 0 0;
  text-align:center;
}

#active label:hover {
/*поведение чекбокса при наведении*/
  background:#d82d2d;
  border-color:#777!important;
/*выполнение в любом случае*/
}

/*цвет активного лейбла при активации чекбокса*/
#switch1:checked ~ #active label:nth-child(1),#switch2:checked ~ #active label:nth-child(2),#switch3:checked ~ #active label:nth-child(3),#switch4:checked ~ #active label:nth-child(4),#switch5:checked ~ #active label:nth-child(5) {
  background:#be0f0f;
  border-color:#be0f0f!important;
}

#slides .image {
/*анимация пролистывания изображений*/
  transition:all 800ms cubic-bezier(0.770,0.000,0.175,1.000);
}

#controls label:hover {
/*прозрачность стрелок при наведении*/
  opacity:.6;
}

#controls label {
/*прозрачность стрелок при отводе курсора*/
  transition:opacity .2s ease-out;
}

#aboutme {
  margin-top:5%;
}

#tipmenu {
  width:80%;
  margin-left:10%;
  margin-right:10%;
  margin-bottom:11%;
}

.mfcmore:hover {
  color:rgb(0,0,0);
}

.my_mfc_share {
  width:80%;
  margin-left:10%;
  margin-right:10%;
}

.text1 {
  color:#000000;
  font-size:20px;
  font-weight:400;
  font-family:"Playfair Display",serif;
}

/*Photos and videos*/
.Section--videoStore .Section__wrapper--bgSkull {
  z-index:1;
  padding-bottom:0;
  margin-top:-11vw;
  -webkit-clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  background-position:top 100px left 30px,top 100px right 30px;
}

.Section--videoStore .Store {
  padding-bottom:20px;
}

@media only screen and (min-width: 768px) {
  .Section--videoStore .Card__content {
    height:440px;
  }
}

.Section {
  position:relative;
  z-index:1;
}

.Section__header {
  position:relative;
  z-index:2;
  text-align:center;
  padding:50px 20px;
}

@media only screen and (min-width: 768px) {
  .Section__header {
    padding:50px 40px;
  }
}

@media only screen and (min-width: 1024px) {
  .Section__header {
    padding:50px 40px;
  }
}

.Section__title {
  color:#89000A;
  font-size:26px;
  font-weight:800;
  font-family:"Playfair Display",serif;
}

@media only screen and (min-width: 480px) {
  .Section__title {
    font-size:32px;
  }
}

@media only screen and (min-width: 768px) {
  .Section__title {
    font-size:50px;
  }
}

.Section__titleWrapper {
  position:relative;
}

.Section__title1 {
  color:#ffffff;
  font-size:26px;
  font-weight:800;
  font-family:"Playfair Display",serif;
}

@media only screen and (min-width: 480px) {
  .Section__title1 {
    font-size:32px;
  }
}

@media only screen and (min-width: 768px) {
  .Section__title1 {
    font-size:50px;
  }
}

.Section__titleIcon {
  position:absolute;
  top:0;
  right:-35px;
  color:#000;
  font-size:30px;
}

.Section__titleIcon:before {
  width:27px;
  height:30px;
}

@media only screen and (min-width: 768px) {
  .Section__titleIcon {
    top:5px;
    right:-45px;
    font-size:40px;
  }

  .Section__titleIcon:before {
    width:37px;
    height:40px;
  }
}

.Section__subtitle {
  margin-top:5px;
  color:#b9b9b9;
  font-size:17px;
  font-weight:600;
  font-family:"Montserrat",sans-serif;
}

.Section__featuredImage {
  position:relative;
  z-index:20;
  margin:10px 20px -26%;
  padding-bottom:57%;
  overflow:hidden;
  box-shadow:0 40px 80px -20px rgba(0,0,0,0.35);
  background-color:#e2e2e2;
}

.Section__featuredImage img {
  position:absolute;
  top:0;
  left:50%;
  z-index:1;
  -webkit-transform:translate(-50%,0);
  -ms-transform:translate(-50%,0);
  transform:translate(-50%,0);
  width:auto;
  height:auto;
  min-width:100%;
  min-height:100%;
  max-width:105%;
}

@media only screen and (min-width: 768px) {
  .Section__featuredImage {
    margin:10px 40px -26%;
    box-shadow:0 80px 120px -30px rgba(0,0,0,0.35);
  }
}

@media only screen and (min-width: 1024px) {
  .Section__featuredImage {
    margin:10px 40px -26%;
  }
}

.Section__content {
  position:relative;
  z-index:2;
  max-width:-webkit-calc(1200px + 20px * 2);
  max-width:calc(1200px + 20px * 2);
  margin:0 auto;
  padding:0 20px;
  color:#000;
  font-weight:500;
  line-height:2;
}

@media only screen and (min-width: 768px) {
  .Section__content {
    max-width:-webkit-calc(1200px + 40px * 2);
    max-width:calc(1200px + 40px * 2);
    padding:0 40px;
  }
}

.Section__content--fullWidth {
  max-width:none;
  padding:0;
}

.Section__wrapper {
  position:relative;
  padding:11vw 0;
  -webkit-backface-visibility:hidden;
  backface-visibility:hidden;
}

.Section--galleryStore .Section__wrapper {
  padding-top:90px;
  padding-bottom:120px;
}

.Section__wrapper--bgSkull {
  background-color:#fff;
  background-image:url(https://res.cloudinary.com/dztw3wcnn/image/upload/v1542788463/RocknRose/images/Background_skull_left.svg);
  background-repeat:no-repeat;
  background-position:10% 50%;
}

@media only screen and (min-width: 1024px) {
  .Section__wrapper--bgSkull {
    background-color:#fff;
    background-image:url(https://res.cloudinary.com/dztw3wcnn/image/upload/v1542788463/RocknRose/images/Background_skull_left.svg),url(https://res.cloudinary.com/dztw3wcnn/image/upload/v1542788463/RocknRose/images/Background_skull_right.svg);
    background-repeat:no-repeat,no-repeat;
    background-position:top 70px left 30px,top 70px right 30px;
  }
}

.Section--videoStore .Section__wrapper--bgSkull {
  z-index:1;
  padding-bottom:0;
  margin-top:-11vw;
  -webkit-clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  background-position:top 100px left 30px,top 100px right 30px;
}

.Section__wrapper--whiteOverlay .Section__title {
  color:#000;
}

.Section__wrapper--whiteOverlay .Section__titleIcon {
  color:#89000A;
}

.Section__wrapper--blackOverlay {
  padding-top:70px;
  background-size:cover;
}

.Section__wrapper--blackOverlay:before {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:0;
  background-color:rgba(0,0,0,0.82);
}

.Section__wrapper--blackOverlay .Section__title {
  color:#fff;
}

.Section__wrapper--blackOverlay .Section__titleIcon {
  color:#89000A;
}

.Section__wrapper--redOverlay {
  background-size:cover;
}

.Section__wrapper--redOverlay:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  background-color:rgba(137,0,10,0.88);
}

.Section__wrapper--redOverlay .Section__title {
  color:#fff;
}

.Section__wrapper--redOverlay .Section__titleIcon {
  color:#fff;
}

.Section__wrapper--redOverlay .Section__titleIcon.icon-skull-3:before {
  background-image:url(https://res.cloudinary.com/dztw3wcnn/image/upload/v1549258675/RocknRose/images/skull-3-white.svg);
}

.icon-skull-2:before {
  content:"\e907";
  background-image:url(https://res.cloudinary.com/dztw3wcnn/image/upload/v1549258675/RocknRose/images/skull-2.svg);
}

@media only screen and (min-width: 768px) {
  .Store {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
}

.Store__item {
  margin-bottom:80px;
}

@media only screen and (min-width: 768px) {
  .Store__item {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-basis:-webkit-calc((100% - 30px) / 4);
    -ms-flex-preferred-size:calc((100% - 30px) / 4);
    flex-basis:calc((100% - 30px) / 4);
  }

  .Store__item:not(:nth-of-type(4n+4)) {
    margin-right:10px;
  }
}

.Card {
  padding:25px 25px 30px;
  background-color:rgba(255,255,255,0.1);
  box-shadow:0 20px 20px rgba(0,0,0,0.1);
  -webkit-transition:box-shadow 300ms cubic-bezier(0.86,0,0.07,1),background-color 300ms cubic-bezier(0.86,0,0.07,1);
  transition:box-shadow 300ms cubic-bezier(0.86,0,0.07,1),background-color 300ms cubic-bezier(0.86,0,0.07,1);
}

@media only screen and (min-width: 768px) {
  .Card {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:start;
    -webkit-justify-content:flex-start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    box-shadow:0 50px 90px rgba(0,0,0,0.1);
  }

  .Card:hover {
    background-color:rgba(255,255,255,0.3);
    box-shadow:0 50px 90px rgba(0,0,0,0.3);
  }
}

.Card__thumbnail {
  position:relative;
  position:relative;
  overflow:hidden;
  min-width:240px;
}

.Card__thumbnail:before {
  display:block;
  content:"";
  width:100%;
  padding-top:75%;
}

.Card__thumbnail > .content {
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
}

.Card__thumbnail img {
  position:absolute;
  top:50%;
  left:50%;
  -webkit-transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  width:auto;
  height:auto;
  min-width:100%;
  min-height:100%;
  max-width:133%;
}

.Card__thumbnail:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:1;
  opacity:0;
  background:#89000a;
  background:-webkit-gradient(linear,left -45deg,left bottom,color-stop(0%,rgba(137,0,10,0)),color-stop(100%,#89000a));
  background:-webkit-linear-gradient(to -45deg,rgba(137,0,10,0) 0%,#89000a 100%);
  background:-webkit-linear-gradient(-45deg,rgba(137,0,10,0) 0%,#89000a 100%);
  background:linear-gradient(to -45deg,rgba(137,0,10,0) 0%,#89000a 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='rgba(137,0,10,0)',EndColorStr='#89000a');
  -webkit-transition:opacity 300ms cubic-bezier(0.86,0,0.07,1);
  transition:opacity 300ms cubic-bezier(0.86,0,0.07,1);
}

.Card:hover .Card__thumbnail:after {
  opacity:1;
}

@media only screen and (min-width: 768px) {
  .Card__content {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:normal;
    -webkit-flex-direction:column;
    -ms-flex-direction:column;
    flex-direction:column;
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
  }
}

.Card__title {
  font-size:17px;
  font-weight:600;
}

.Card__description {
  font-size:15px;
  font-weight:500;
}

.Card__time {
  color:#b9b9b9;
  font-size:15px;
  font-weight:600;
}

.Card__buttons {
  margin-top:40px;
}

.Card__buttons a {
  display:block;
  padding:16px;
  border-radius:100px;
  border:2px solid transparent;
  color:#89000A;
  font-size:13px;
  text-align:center;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:2px;
  line-height:1;
  box-shadow:0 10px 20px rgba(0,0,0,0.1);
  -webkit-transition:color 300ms cubic-bezier(0.86,0,0.07,1),border-color 300ms cubic-bezier(0.86,0,0.07,1),background-color 300ms cubic-bezier(0.86,0,0.07,1);
  transition:color 300ms cubic-bezier(0.86,0,0.07,1),border-color 300ms cubic-bezier(0.86,0,0.07,1),background-color 300ms cubic-bezier(0.86,0,0.07,1);
}

.Card__buttons a:hover {
  color:#000;
  border-color:black;
}

.Card__buttons a:not(:last-child) {
  margin-bottom:10px;
}

.Card__buttons a:last-child {
  color:#fff;
  background-color:#89000A;
}

.Card__buttons a:last-child:hover {
  background-color:#000;
}

.Section__wrapper--bgGray {
  background-color:#f6f6f6;
}

.Section--birthdayRaffle .Section__wrapper--bgGray {
  padding-bottom:20px;
  background:#ffffff;
  background:-webkit-linear-gradient(83deg,#fff 0%,#fff 35%,#f6f6f6 35.01%,#f6f6f6 100%);
  background:linear-gradient(7deg,#fff 0%,#fff 35%,#f6f6f6 35.01%,#f6f6f6 100%);
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .Section__wrapper--bgGray {
    padding-bottom:80px;
  }
}

.Section--birthdayRaffle .Section__wrapper--bgGray .Section__content {
  padding:0;
}

@media only screen and (min-width: 1024px) {
  .Section--birthdayRaffle .Section__wrapper--bgGray .Section__content {
    padding:0 40px;
  }
}

.Section--birthdayRaffle .Section__wrapper--bgGray .Section__content--fullWidth {
  padding:0;
}

.Section--birthdayRaffle .Section__wrapper--bgSkull {
  padding-top:140px;
  padding-bottom:180px;
}

.Section--birthdayRaffle .Triangle {
  top:0;
  right:0;
  bottom:auto;
}

.Section--birthdayRaffle .Section__slider {
  padding-bottom:30px;
}

.Section--birthdayRaffle .Slider {
  height:auto;
  padding-bottom:60px;
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .Slider {
    padding-bottom:80px;
  }
}

.Section--birthdayRaffle .Slider__items {
  height:320px;
  box-shadow:0 80px 120px -30px rgba(0,0,0,0.35);
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .Slider__items {
    height:640px;
  }
}

.Section--birthdayRaffle .Section__content--fullWidth {
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  pointer-events:none;
}

.Section--birthdayRaffle .Birthday__card {
  width:100%;
  height:100%;
  padding:50px 90px 50px 20px;
  -webkit-clip-path:polygon(0 0,90% 0,60% 100%,0% 100%);
  clip-path:polygon(0 0,90% 0,60% 100%,0% 100%);
  pointer-events:all;
  background-color:rgba(137,0,10,0.93);
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .Birthday__card {
    padding:70px 130px 70px 40px;
    -webkit-clip-path:polygon(0 0,80% 0,50% 100%,0% 100%);
    clip-path:polygon(0 0,80% 0,50% 100%,0% 100%);
  }
}

@media only screen and (min-width: 1024px) {
  .Section--birthdayRaffle .Birthday__card {
    width:50%;
    padding:70px 130px;
    -webkit-clip-path:polygon(0 0,100% 0,75% 100%,0% 100%);
    clip-path:polygon(0 0,100% 0,75% 100%,0% 100%);
    text-align:right;
  }
}

.Section--birthdayRaffle .PrizeList {
  width:100%;
  padding-bottom:30px;
}

.Section--birthdayRaffle .PrizeList:not(:last-child) {
  border-bottom:1px solid #c6c6c6;
  margin-bottom:70px;
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .PrizeList {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:space-evenly;
    -webkit-justify-content:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
  }
}

@media only screen and (min-width: 1024px) {
  .Section--birthdayRaffle .PrizeList {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    padding-bottom:70px;
  }
}

@media only screen and (min-width: 768px) {
  .Section--birthdayRaffle .Birthday__membersList {
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-pack:space-evenly;
    -webkit-justify-content:space-evenly;
    -ms-flex-pack:space-evenly;
    justify-content:space-evenly;
  }
}

@media only screen and (min-width: 1024px) {
  .Section--birthdayRaffle .Birthday__membersList {
    -webkit-box-pack:justify;
    -webkit-justify-content:space-between;
    -ms-flex-pack:justify;
    justify-content:space-between;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
  }
}

.Section--birthdayRaffle .Members {
  padding-right:0;
  margin-bottom:40px;
}

@media only screen and (min-width: 1024px) {
  .Section--birthdayRaffle .Members {
    margin-bottom:0;
  }
}

.Section--birthdayRaffle .Member {
  font-size:16px;
}

.Section__wrapper--whiteOverlay {
  background-size:cover;
}

.Section__wrapper--whiteOverlay:before {
  content:"";
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  background:-webkit-linear-gradient(top,rgba(255,255,255,0.92) 0%,white 100%);
  background:linear-gradient(to bottom,rgba(255,255,255,0.92) 0%,white 100%);
}

.Section__wrapper--bgWhite {
  background-color:#fff;
}

/*Tip menu*/
.thing-box-grid,.infinite-page:not(.no-thing-box-grid) {
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(230px,1fr));
  grid-gap:10px;
  margin:5px;
  margin-bottom:10px;
}

.thing-box-container .piece-container {
  position:relative;
}

.thing-box-container .item {
  border:0 solid var(--black-800);
  background-color:var(--black-70);
  border-radius:2px;
  position:relative;
  width:100%;
  height:0;
  padding-bottom:80%;
  overflow:hidden;
  margin-bottom:0;
  box-shadow:0 2px 2px 0 rgb(0 0 0 / 14%),0 3px 1px -2px rgb(0 0 0 / 20%),0 1px 5px 0 rgb(0 0 0 / 12%);
}

.pull-left {
  float:left!important;
}

.thing-box-container img.mini-thumbnail {
  position:absolute;
  display:block;
  top:-5px;
  left:-5px;
  width:calc(100% + 10px);
  height:calc(100% + 10px);
  filter:blur(5px);
}

.thing-box-container img.thumb.active {
  display:inline;
  opacity:1;
  transition:opacity .1s;
}

.thing-box-container img.thumb {
  position:relative;
  line-height:0;
  z-index:0;
  display:none;
  opacity:0;
  width:100%;
  height:auto;
  border-radius:2px;
  transition:opacity .1s;
}

.box .box-info-container,.piece-container .box-info-container {
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  justify-content:center;
  align-items:center;
  text-align:center;
}

.box .box-info-container .dark-stripe,.piece-container .box-info-container .dark-stripe {
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  width:100%;
  color:#fff;
  font-weight:300;
  opacity:1;
  background-color:rgba(0,0,0,.5);
  text-shadow:0 1px 3px #000;
  padding:5px;
}

.box .box-info-container .dark-stripe>span:first-child,.piece-container .box-info-container .dark-stripe>span:first-child {
  margin-top:5px;
}

.box .box-info-container .dark-stripe>span,.piece-container .box-info-container .dark-stripe>span {
  margin-bottom:5px;
  font-size:16px;
  font-family:"Roboto",Arial,Helvetica,sans-serif;
}

#profile_friends > .heading {
  display:none;
}

#profile_friends {
  position:relative;
  padding:-webkit-calc(50px + 11vw) 0 125px;
  padding:calc(50px + 11vw) 0 125px;
  -webkit-clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  clip-path:polygon(0 0,100% 11vw,100% 100%,0 100%);
  background-size:cover;
}

#profile_friends:before {
  content:"";
  position:absolute;
  top:0;
  z-index:10;
  width:50%;
  height:11vw;
  -webkit-clip-path:polygon(0 0,100% 50%,0 100%);
  clip-path:polygon(0 0,100% 50%,0 100%);
}

#profile_friends:after {
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  z-index:-1;
  background-color:rgba(0,0,0,0.82);
}

#profile_friends .container {
  display:block;
  margin:0 auto;
  padding:0 20px;
  font-size:12px;
}

@media only screen and (min-width: 768px) {
  #profile_friends .container {
    padding:0;
    display:-webkit-box;
    display:-webkit-flex;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
    font-size:15px;
  }
}

#profile_friends .container .label {
  display:block;
  margin:0;
  -webkit-box-flex:0;
  -webkit-flex-grow:0;
  -ms-flex-positive:0;
  flex-grow:0;
  -webkit-flex-basis:300px;
  -ms-flex-preferred-size:300px;
  flex-basis:300px;
  color:#b9b9b9;
  font-weight:500;
}

#profile_friends .container .label > * {
  display:inline-block;
}

#profile_friends .container .label br {
  display:none;
}

#profile_friends .container .label a {
  color:#b9b9b9;
}

#profile_friends .container .value {
  display:block;
  margin-bottom:10px;
  -webkit-flex-basis:350px;
  -ms-flex-preferred-size:350px;
  flex-basis:350px;
  color:#fff;
  font-weight:500;
}

@media only screen and (min-width: 768px) {
  #profile_friends .container .value {
    margin-bottom:0;
  }
}

#profile_friends .container .value a {
  color:#fff;
}

#profile,#profile_main_about_holder,#profile_about_me_friends,#about_me_container {
  display:block;
}

.container_slider_css {
  margin:50px auto;
  width:1200px;
  height:800px;
  overflow:hidden;
  position:relative;
  box-sizing:border-box;
  box-shadow:0 0 0 10px rgb(255,255,255),0 15px 50px;
}

.photo_slider_css {
  position:absolute;
  animation:round 16s infinite;
  opacity:0;
  width:100%;
}

@keyframes round {
  25% {
    opacity:1;
  }

  40% {
    opacity:0;
  }
}

img:nth-child(1) {
  animation-delay:12s;
}

img:nth-child(2) {
  animation-delay:8s;
}

img:nth-child(3) {
  animation-delay:4s;
}

img:nth-child(4) {
  animation-delay:0;
}

@media(min-width:0px) and (max-width:320px) {
  .container_slider_css {
    width:80%;
    height:190px;
  }
}

@media(min-width:321px) and (max-width:480px) {
  .container_slider_css {
    width:80%;
    height:190px;
  }
}