.portfolio {
  padding-bottom: 200px; }
  @media screen and (max-width: 750px) {
  .portfolio {
    padding: 0px 30px 70px 30px; } }
  .portfolio__content {
    width: 100%;
    display: flex;
    flex-direction: column;
    margin-left: 60px; }
    @media screen and (max-width: 750px) {
  .portfolio__content {
    margin-left: 0px; } }
  .portfolio__title {
    position: relative;
    margin-bottom: 114px; }
    @media screen and (max-width: 750px) {
  .portfolio__title {
    margin-bottom: 50px; } }
  .portfolio__link {
    display: block; }
  .portfolio__flex {
    display: flex;
    margin: 30px 0px; }
  .portfolio__up {
    margin-bottom: 30px; }
  .portfolio__center {
    max-height: 310px;
    margin: 30px, 0 !important; }
  .portfolio__down {
    margin-top: 30px; }

.p1 {
  background: url('../themes/perfomans2/assets/img/p1.jpg');
  width: 494px;
  height: 614px;
  background-position-x: 52%;
  background-position-y: 94%;
  background-size: 200%;
  background-repeat: no-repeat; }

.p2 {
  background: url('../themes/perfomans2/assets/img/p2.jpg');
  width: 1023px;
  height: 310px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-y: 25%; }

.p3 {
  background: url('../themes/perfomans2/assets/img/p3.jpg');
  width: 504px;
  height: 297px;
  background-size: cover;
  background-repeat: no-repeat;
  margin-bottom: 30px; }

.p4 {
  background: url('../themes/perfomans2/assets/img/p4.jpg');
  width: 504px;
  height: 454px;
  background-position-x: 47%;
  background-position-y: 52%;
  background-size: 160%;
  background-repeat: no-repeat; }

.p5 {
  background: url('../themes/perfomans2/assets/img/p5.jpg');
  width: 487px;
  height: 316px;
  background-size: cover;
  background-repeat: no-repeat; }

.p6 {
  background: url('../themes/perfomans2/assets/img/p6.jpg');
  width: 504px;
  height: 295px;
  background-size: cover;
  background-repeat: no-repeat; }

.p7 {
  background: url('../themes/perfomans2/assets/img/p7.jpg');
  width: 504px;
  height: 292px;
  background-size: cover;
  background-repeat: no-repeat; }

.p8 {
  background: url('../themes/perfomans2/assets/img/p8.jpg');
  width: 231px;
  height: 289px;
  background-size: cover;
  background-repeat: no-repeat; }

.p9 {
  background: url('../themes/perfomans2/assets/img/p9.jpg');
  width: 231px;
  height: 289px;
  background-size: 197%;
  background-repeat: no-repeat;
  margin-left: 28px;
  background-position-x: 51%; }

.p10 {
  background: url('../themes/perfomans2/assets/img/p10.jpg');
  width: 487px;
  height: 752px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position-x: 83%;
  margin-bottom: 30px; }

.p-hover:hover {
  box-shadow: 0 0 122px rgba(165, 56, 92, 1); }

@media screen and (max-width: 1130px) {
    .mb-content {
      margin: 0;
      padding-left: 60px;
      padding-right: 30px; } }
  @media screen and (max-width: 1130px) and (max-width: 750px) {
      .mb-content {
        padding: 0; } }

.gallery {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  position: relative; }
  .gallery__down {
    position: relative; }
  .gallery__for {
    max-width: 700px; }
  .gallery__for-item {
    padding: 5px; }
  @media screen and (max-width: 730px) {
    .gallery__for {
      max-width: 500px; } }
  @media screen and (max-width: 530px) {
    .gallery__for {
      max-width: 100%; } }
  .gallery__nav {
    max-width: 700px;
    margin-top: 30px;
    padding-bottom: 20px; }
  .gallery__nav-item {
    padding: 10px;
    cursor: pointer; }
  @media screen and (max-width: 730px) {
    .gallery__nav {
      max-width: 500px; } }
  @media screen and (max-width: 530px) {
    .gallery__nav {
      display: none; } }
  .gallery__buttons-left {
    position: absolute;
    left: -30px;
    bottom: 68px; }
  @media screen and (max-width: 800px) {
    .gallery__buttons-left {
      display: none !important; } }
  .gallery__buttons-right {
    position: absolute;
    right: -30px;
    bottom: 68px; }
  @media screen and (max-width: 800px) {
    .gallery__buttons-right {
      display: none !important; } }

@media screen and (max-width: 730px) {
    .slick-dots {
      display: none !important; } }

.g-link {
  display: block;
  transition: 0.3s;
  position: relative; }
  .g-link:hover .look {
    opacity: 1;
    background: rgba(0, 0, 0, 0.5); }

.look {
  position: absolute;
  width: 100%;
  height: 100%;
  transition: 0.3s;
  opacity: 0;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 30px;
  font-family: AvantiBold; }

.right, .left {
  width: 23px;
  height: 43px;
  color: #ff0071;
  cursor: pointer;
  transition: 0.3s; }
  .right:hover, .left:hover {
    transform: scale(1.3); }

.slick-dots li {
  position: relative;
  display: inline-block;
  height: 20px;
  width: 20px;
  margin: 0 20px;
  padding: 0;
  cursor: pointer; }