@charset "UTF-8";


.item {padding-top: 75%;
	box-sizing: border-box;
	text-align: center;
	position: relative;
	background-size:     cover;    
    background-repeat:   no-repeat;
    background-position: center center ;  
	display: flex;
    justify-content: center;
    align-items: center;
	overflow: hidden;
	
	xxxborder: 2px solid #557784;
	
	
}
.owl-stage-outer{padding-bottom:5px;}


.owl-item{-webkit-box-shadow: 0 5px 5px -5px black;
	-moz-box-shadow: 0 5px 5px -5px black;
	box-shadow: 0 5px 5px -5px black;}



.owl-carousel {
  width: calc(100% - 80px)!important;
  margin: 0 auto;
  position: relative;
	padding:0!important;
	
	
}



.owl-nav {margin-top: 0;

width: calc(90% + 80px);
}


.owl-prev, .owl-next {
  position: absolute;
  width: 30px;
	top: calc(100% + 3px);
  background: #7ba0a4!important;
  height: calc(100% - 4px);
  text-align: center;
  font-size: 30px!important;
  color: white!important;
  line-height: 80px;
  transform: translateY(-102%);
	
	
}


.owl-prev {
  
  left: -40px;
  
}

.owl-next {
  
  right: -40px;

  
}

.owl-prev:hover, .owl-next:hover{background: #557784!important;}


.item_text {
bottom: 0;
color: #fff;
position: absolute;
width: 100%;
height: auto;
min-height: 25%;
max-height: 33.333%;
float: left;
padding: 5px 5px 10px 5px;
font-weight: 400;
font-size: 18px;
background:#7ba0a4;
background: rgba(123, 160, 164, 1 );
opacity: .9;

transition: opacity 500ms ease;
-moz-transition: opacity 500ms ease;
-webkit-transition: opacity 500ms ease;
-o-transition: opacity 500ms ease;
}



.item:hover .item_text {
   opacity: 1;
	
	
  
}





.item_text_sub{
	font-size: 15px; /* 5vw * .3 */;
	line-height: 1.2;
}
















@media screen and (max-width: 1599px) {
	
.item_text {
	font-size: 17px;
	}

.item_text_sub{
	font-size: 14px; 
	}

	
	
	
	
}


@media screen and (max-width: 1499px) {
	
	.item_text {
	font-size: 16px;
	}

.item_text_sub{
	font-size: 13px; 
	}
	
	
}


@media screen and (max-width: 1399px) {
	
	.item_text {
	font-size: 15px;
	}

.item_text_sub{
	font-size: 12px; 
	}
	
	
	
}





@media screen and (max-width: 1040px) {
	
	.item_text {
	font-size: 13px;
	}

.item_text_sub{
	font-size: 12px; 
	}
	
	
	
}


@media screen and (max-width: 700px) {
	
	.item_text {
	font-size: 24px;
	}

.item_text_sub{
	font-size: 16px; 
	}
	
	
	
}

	
@media screen and (max-width: 450px) {
	
	.item_text {
	font-size: 22px;
	}

.item_text_sub{
	font-size: 14px; 
	}
	
		
@media screen and (max-width: 400px) {
	
	.item_text {
	font-size: 18px;
	}

.item_text_sub{
	font-size: 16px; 
	}
	
	
	
}