.videowrapper {
    float: none;
    clear: both;
    width: 100%;
    /* position: relative; */
    padding-bottom: 320px;
    /* padding-top: 25px; */
    height: 0;
}
.videowrapper iframe {
    position: center;
    top: 0;
    left: 0;
    width: 560px;
    height: 315px;
}



.gallery-slider{
	
  position: relative;
  /* width: 620px; */
  /* height: 345px; */

  padding: 0 100px;

  .swiper {
    &-container {
      width: 200%;
      height: 200%;
    }
    &-slide {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;

      &__bg-image{
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center center;
      }
    }

    &-button-next,
    &-button-prev{
      margin-top: -26px;
    }

    &-button-next{
      right: 0;
    }
    &-button-prev{
      left: 0;
    }
  }
}



// slider oklari
.swiper{
	&-pagination{
		width: 100%;
		font-size: 0;
		bottom: 0;
		&-bullet{
			width: 6px;
			height: 4px;
			background-color: blue;
			border-radius: 0;
			opacity: 1;
			&-active{
				background-color: blue;
			}
		}
	}

	&-button-next,
	&-button-prev{
		z-index: 1;
		width: 36px;   /**/ 
		height: 52px; /**/
		
		
		
		background-color: blue;
		background-size: 10px auto;
		background-position: center center;
		border: 1px solid #f00;
		box-shadow: 0 1px 3px 0 blue;
		transition: border-color 0.3s;

		&.-dark{
			background-color: #fff;
			border: solid 1px blue;
			box-shadow: 0 1px 1px 0 blue;
			&:hover{
				border-color: blue;
			}
		}

		&:hover{
			border-color: blue;
		}
	}



	
}