/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNERS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner-one .banner {position: relative;overflow: hidden;display: table-cell;vertical-align: middle;width: 10000px;height: 350px;padding: 0 0 40% 0;}
.banner-one .banner.banner-full {padding-bottom: 0%;height: calc(100vh - 70px);}
.banner-one .bg {background-position: 50% 50%;background-repeat: no-repeat;background-attachment: scroll;background-size: cover;position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.banner-video {position: absolute;top: 0;bottom: 0;left: 0;right: 0;clip: rect(auto,auto,auto,auto);}
.banner-video video {position: fixed;left: 50%;top: 50%;min-width: 100%;min-height: 100%;width: auto;height: auto;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.banner-one .opacity::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.6);}
.banner-one .banner-cont {position: absolute;display: block;text-align: center;width: 100%;max-width: 58%;left: 50%;bottom: 50px;-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);transform: translateX(-50%);}
.banner-one .banner-cont .text {color: #eee;margin: 5px auto 0 auto;}
.banner-one .banner-cont.mobile {display: none;}
/*swiper-banner*/
.swiper-banner .banner-cont {bottom: auto;top: 50%;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
/*media*/
@media(max-width: 1199px){
	.banner-one .banner.banner-full {height: 350px;padding-bottom: 40%;}
	.banner-one .banner-cont {display: none;}
	.banner-one .banner-cont .text {margin-top: 20px;}
	.banner-one .banner-cont.mobile {display: block;position: relative;left: auto;right: auto;top: auto;bottom: auto;text-align: left;-webkit-transform: none;-ms-transform: none;transform: none;max-width: 100%;margin-top: 20px;}
	.banner-one .banner-cont.mobile .text {max-width: 100%;color: #282828;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BANNERS ONLY TEXT */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.banner-two .banner-cont {position: relative;display: block;text-align: center;width: 100%;max-width: 58%;margin: 0 auto;}
.banner-two .banner-cont .text {color: #282828;margin: 5px auto 0 auto;}
/*media*/
@media(max-width: 1199px){
	.banner-two .banner-cont {display: block;position: relative;left: auto;right: auto;top: auto;bottom: auto;text-align: left;-webkit-transform: none;-ms-transform: none;transform: none;max-width: 100%;margin-top: 20px;}
	.banner-two .banner-cont .text {margin-top: 20px;max-width: 100%;color: #282828;}
}

/*-------------------------------------------------------------------------------------------------------------------------------*/
/* BREADCRUMBS */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.breadcrumbs {position: absolute;top: 30px;left: 30px;display: block;width: 100%;z-index: 1;}
.breadcrumbs li {display: inline-block;position: relative;margin-right: 10px;padding-right: 30px;}
.breadcrumbs li::before {position: absolute;content: '';top: 50%;right: 0;width: 15px;height: 1px;margin-top: 1px;background-color: #eee;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.breadcrumbs li:last-child {margin-right: 0;}
.breadcrumbs li:last-child::before {display: none;}
.breadcrumbs li a,.breadcrumbs li span {position: relative;color: #eee;font-size: 15px;line-height: 1.2em;letter-spacing: 1px;-o-transition: all 0.3s;transition: all 0.3s;-webkit-transition: all 0.3s;}
/*black*/
.breadcrumbs.black li::before {background-color: #282828;}
.breadcrumbs.black li a,.breadcrumbs.black li span {color: #282828;}
/*media*/
@media(min-width: 1200px){
	.breadcrumbs li a:hover {color: #fff;}
	.breadcrumbs.black li a:hover {opacity: 0.6;color: #282828;}
}
@media(max-width: 1199px){
	.breadcrumbs {top: 20px;}
}
@media(max-width: 767px){
	.breadcrumbs {top: 15px;}
	.breadcrumbs li a,.breadcrumbs li span {font-size: 14px;}
}
@media(max-width: 575px){
	.breadcrumbs {display: none;}
}