

		#banner-full{
			position: fixed;
			width: 100%;
			height: 100%;
			top: 0;
			left: 0;
			background: rgba(0,0,0,.9);
			z-index: 10000;
			align-items: center;
			justify-content: center;
			display: none;
		}
		.banner-content{
			width: 275px;
			height: 85%;
			position: relative;
		}
		@media(min-width:350px){
			.banner-content{
				width: 300px;
			}
		}		
		@media(min-width:400px){
			.banner-content{
				width: 325px;
			}
		}	
		@media(min-width:500px){
			.banner-content{
				width: 400px;
			}
		}				
		@media(min-width:768px){
			.banner-content{
				width: 550px;
				height: 309px;
			}
		}				
		@media(min-width:1000px){
			.banner-content{
				width: 700px;
				height: 393px;
			}
		}				
		@media(min-width:1200px){
			.banner-content{
				width: 800px;
				height: 450px;
			}
		}		
		@media(min-width:1400px){
			.banner-content{
				width: 900px;
				height: 506px;
			}
		}
		.banner-dots{
			position: absolute;
			bottom: -40px;
			transform: translateX(-50%);
			left: 50%;
		}
		.dot {
			cursor: pointer;
			height: 10px;
			width: 10px;
			margin: 0 2px;
			background-color: #bbb;
			border-radius: 50%;
			display: inline-block;
			transition: background-color 0.6s ease;
		}
		.active, .dot:hover {
			background-color: white;
		}		
		.banner-arrows{
			position: absolute;
      width: 120%;
      margin: 0 0 0 -10%;
			transform: translateY(-50%);
			top: 50%;
			display: flex;
			justify-content: space-between;
			align-items: center
		}
		@media(min-width:768px){
			.banner-arrows{
				width: 110%;
				margin: 0 0 0 -5%;				
			}
		}		
		.banner-arrows a{
			font-size: 30px;
			cursor: pointer;
			color: white;
		}

		.fadadinha {
			-webkit-animation-name: fadadinha;
			-webkit-animation-duration: 1.5s;
			animation-name: fadadinha;
			animation-duration: 1.5s;
		}

		@-webkit-keyframes fadadinha {
			from {opacity: .4} 
			to {opacity: 1}
		}

		
		.mySlides{
			width: 100%;
			height: 100%;
		}
		.mySlides img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
		.banner-close{
			position: absolute;
			right: 0px;
			top: -50px;
			cursor: pointer;
			font-size: 30px;
			color: white;
		}
		
						.ban-mobile{
			
		}
				.ban-desk{
			display: none;
		}
		
		
		
		@media(min-width: 768px){
				.ban-mobile{
			display: none;
		}
				.ban-desk{
			display:block;
		}
		}
	

