:root { --swiper-theme-color: #ffffff; }
	.swiper-container {
		width: 100%; background: #2f334a;
	}
	.hero-slider .swiper {
	  width: 100%;
	  height: 500px;
	  left: 0 !important;
	  margin-bottom: 40px;
	}
	.hero-slider .swiper-slide{
		padding:0;
		background: black;
	}
	.hero-slider .swiper-slide img {
		position:absolute;
		width:100%;
		height: 100%;
		object-fit: cover;
	}
	.hero-slider .swiper-slide .slide-box {
		height: 100%;
		width: 40%;
		max-width: 480px;
		background: #1d2647d9;
		position: absolute;
		z-index: 100;
		padding: 0 50px 0 100px;
	}
	.hero-slider .swiper-slide-text {
		height: 100%;
		color: white;
		display: flex;
		flex-direction: column;
		justify-content: center;
		z-index: 200;
	}
	
	.hero-slider .swiper-slide-text h1, .hero-slider .swiper-slide-text h2 {
	    color: white;
		font-size: 50px;
		font-weight: 100;
		margin: 0;
		max-width: 600px;
	}
	.hero-slider .swiper-slide-text h3 {
		font-size: 26px;
		text-shadow:  0 0 10px #000000ab, 0 0 40px #000000b3;

	}
	.hero-slider .swiper-slide-text hr {
		width:100px;
		border-top: 2px solid white;
		margin: 0px 0px 30px;
	}
	.hero-slider .swiper-slide-text p {
		font-size: 20px;
		margin: 20px 0;
		padding-right: 20px;
		text-shadow: 0 0 10px #000000ab, 0 0 40px #000000b3;
	}
	.hero-slider .swiper-slide-text a {
		border: 2px solid white;
		border-radius: 30px;
    	padding: 10px 20px 10px 20px;
		color: white;
		text-transform: uppercase;
		width: fit-content;
		text-align: center;
	}
	
	.hero-slider .swiper .triangle{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 14px;
		border-color: transparent transparent transparent #ffffff;
		position: relative;
		top: 2px;
		display: inline-block;
		margin-left: 8px;
	 }

	.hero-slider .swiper-slide img.slider-logo {
		width: 120px !important;
		object-fit: contain  !important;
		right: 90px  !important;
		bottom: -180px  !important;
	}

	 .inline-YTPlayer {
		margin-top: -10% !important;
	 }


@media only screen and (min-width: 1200px) {
  .swiper {
	height: 600px !important;
  }
}
@media only screen and (max-width: 1200px) and (min-width: 768px){
	.swiper {
		height: 450px !important;
	}
	.swiper-slide .slide-box {
    	padding: 0 0 0 70px;
	}
	.swiper-slide-text h1, .swiper-slide-text h2 {
	  font-size: 48px;
	      max-width: 420px;
	}
	.inline-YTPlayer {
		margin-top: -3% !important;
	}
	.swiper-slide img.slider-logo {
		bottom: -90px  !important;
	}
}
@media only screen and (max-width: 768px) and (min-width: 190px) {
	.hide {
    	display: none;
	}
	.swiper-horizontal>.swiper-pagination-bullets,
	.swiper-pagination-bullets.swiper-pagination-horizontal,
	.swiper-pagination-custom, .swiper-pagination-fraction{
		display: none;
	}
	.swiper-container {
		margin-bottom: 80px;
		margin-bottom: -50px;
	}
	.swiper {
		height: 450px !important;
		height: 400px !important;
		margin-bottom: -50px !important;
	}
	.swiper-slide .slide-box {
		background:  #1e2647 !important;
		width: 100% !important;
		max-width: none !important;
		height: 70px;
		margin-top: 380px;
		min-width: auto !important;
    	padding: 0 !important;
	}
	.medium-box .slide-box {
		height: 90px !important; margin-top: 360px !important;
	}
	.large-box .slide-box {
		height: 120px !important; margin-top: 330px !important;
	}
	.button-box .slide-box {
		height: 250px !important;
    	margin-top: 225px !important;
    	height: 150px !important;
        margin-top: 250px !important;
	}

	.small-box img {
		bottom: 120px !important;
		height: 360px !important;
	}
	.medium-box img {
		bottom: 140px !important;
		height: 340px !important;
	}  
	.large-box img {
		bottom: 170px !important;
		height: 310px !important;
	}
	.button-box img {
		bottom: 150px !important;
		height: 250px !important;
	}

	.swiper-slide-text h1, .swiper-slide-text h2 {
	    margin-top: 20px;
	  	font-size: 27px;
	  	text-shadow: none !important;
		max-width: 290px;
	    margin: 20px auto 0;
	}
	.small-box .swiper-slide-text h1, .small-box .swiper-slide-text h2 {
	    margin-top: 20px;
	  	font-size: 32px;
	  	text-shadow: none !important;
		max-width: 340px;
	}
	.hero-slider .swiper-slide-text h1, .hero-slider .swiper-slide-text h2 {
		font-size: 32px;
	}
	.hero-slider .swiper-slide-text a {
	    /* display:none !important;*/
	}
	.swiper-slide-text h3 {
		display: none;
	  	font-size: 20px;
	  	margin: 10px;	  	
		text-shadow: none !important;
	}
	.hero-slider .swiper-slide-text p {
		display: none !important;
		font-size: 14px;
	  	width: 100%;
	  	margin: 5px 0 -3px;
 	  	text-shadow: none !important;
		padding-right: 0;
	}
	.medium-box .swiper-slide-text p,
	.large-box .swiper-slide-text p,
	.button-box .swiper-slide-text p {
		/*display: block !important;*/
	}
	.swiper-slide-text a {
		margin: 10px auto !important;
	}
	.swiper-slide-text hr {
		display: none;
	}
	.swiper-slide-text {
	  height: 80%;
	  margin-left: 20px;
	  width: 90% !important;
	  margin-left: 5% !important;
	  text-align: center !important;
	}

	.inline-YTPlayer {
		margin-top: 0% !important;
	}
	.yt-bg-player {
		display: none !important;
	
	}
	.slider-logo {
		display: none;
	}
}