/*26.12.22 - 27.12.22*/
.main-carousel__item {
  height: 500px; }
  .main-carousel__item a {
    display: block;
    height: 100%; }
.main-carousel__overlap {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 35%;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  align-items: center; }
  
.main-carousel__text {
  color: #FFFFFF;
  font-size: 42px;
  font-size: -webkit-calc(24px + (42 - 24) * ((100vw - 300px) / (1920 - 30)));
  font-size: -moz-calc(24px + (42 - 24) * ((100vw - 300px) / (1920 - 30)));
  font-size: calc(24px + (42 - 24) * ((100vw - 300px) / (1920 - 30)));
  font-weight: bold;
  line-height: 1.2;
  padding: 0 40px; }
.main-carousel .owl-item {
  width: 100% !important; }
  .main-carousel .owl-item img {
    height: 100%;
    object-fit: cover; }
.main-carousel .owl-nav {
  position: absolute;
  top: 50%;
  right: 40px;
  transform: translateY(-50%); }
  .main-carousel .owl-nav .owl-prev {
    display: none; }
  .main-carousel .owl-nav .owl-next {
    height: 100px;
    width: 100px;
    background-color: transparent !important; }
.main-carousel .owl-dots {
  position: absolute;
  bottom: 20px;
  left: 40px;
  top: auto;
  display: flex; }
.main-carousel.owl-theme .owl-dots{position: absolute; top: calc(100% - 60px)}
.main-carousel.owl-theme .owl-dots .owl-dot span {
  width: 40px !important;
  height: 40px !important;
  margin: 0 !important;
  background-color: transparent !important;
  position: relative; }
  .main-carousel .owl-dot span:before {
    margin-right: 0;
    content: counter(item);
    background: transparent;
    border-radius: 0;
    color: white;
    font-size: 30px;
    font-size: -webkit-calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 30)));
    font-size: -moz-calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 30)));
    font-size: calc(18px + (30 - 18) * ((100vw - 300px) / (1920 - 30)));
    font-weight: bold;
    width: auto;
    text-align: center;
    display: flex;
    text-shadow: black 1px 0 10px;
    box-shadow: none !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }



.carousel_block {
  overflow: hidden; }

section.home_section {
  overflow: hidden; }


.main-carousel .owl-dots {
	list-style: none;
	counter-reset: item;
}

.main-carousel .owl-dots > .owl-dot > span {
	counter-increment: item;
	margin-bottom: 5px;
}

.main-carousel .owl-dots > .owl-dot > span:before {
	margin-right: 10px;
	content: counter(item);

	border-radius: 100%;
	color: white;
	width: 1.3em;
	text-align: center;
	display: inline-block;
	
}

.main-carousel .owl-next{
  position:relative;
}
.main-carousel .owl-next> span{
 display:none;
}
.main-carousel .owl-next:before{
      content: '';
    position: absolute;
    background-color: #ffffff;
    top: 11px;
    left: 0;
    width: 100px;
    height: 20px;
    border-radius: 2px;
    transform: rotate(-135deg);
    box-shadow: 1px 1px 15px 1px rgba(0,0,0,.15);
}
.main-carousel .owl-next:after{
  content: '';
    position: absolute;
    background-color: #ffffff;
    width: 100px;
    height: 20px;
    left: 0;
    bottom: 11px;
    position: absolute;
    border-radius: 2px;
    transform: rotate(135deg);
    box-shadow: 1px 1px 15px 1px rgba(0,0,0,.15);
}




 @media (max-width: 767px) {

	.main-carousel__overlap {
		width: 65%; 
	} 
	.main-carousel__text {
		padding:0 15px;
	}
	.main-carousel .owl-dots{
		left:15px;
	}
	.main-carousel .owl-nav .owl-next {
		height: 50px;
		width: 50px;
	}
   .main-carousel .owl-next:before{
		content: '';
		position: absolute;
		background-color: #ffffff;
		top: 5px;
		left: 0;
		width: 50px;
		height: 10px;
		border-radius: 2px;
		transform: rotate(-135deg);
		box-shadow: 1px 1px 15px 1px rgba(0,0,0,.15);
	}
	.main-carousel .owl-next:after{
		content: '';
		position: absolute;
		background-color: #ffffff;
		width: 50px;
		height: 10px;
		left: 0;
		bottom: 5px;
		position: absolute;
		border-radius: 2px;
		transform: rotate(135deg);
		box-shadow: 1px 1px 15px 1px rgba(0,0,0,.15);
	}
   
}
.shadow {
    box-shadow: 0px 3px 6px 0px rgb(0 0 0 / 10%) !important;
    z-index: 5;
    position: relative;
}
.line-block {
	height: 3px;
	background-color:rgba(0,0,0,.1);
	/*box-shadow: 0 3px 6px 0 rgba(0,0,0,.1)!important;*/
}