@charset "UTF-8";
/* CSS Document */

body{
			font-family: Roboto, Arial;
			font-size:14px;
		}
		a{
			color:#333;
			text-decoration:none;
		}
		a.menu_item{
			padding:5px 15px;
			text-decoration: none;
			color:#333;
		}
		a:hover{
			color:#ce1446;
		}
		.bganimation{
			background-image: url(img/slider/bg-op.png); background-size: cover; background-position: left center; width:100%; height:400px;
			animation: shrink 20s linear infinite alternate;
		}
		@keyframes shrink {
  0% {
    background-size: 100% 100%;
  }
  100% {
    background-size: 150% 150%;
  }
}
		
		.slider_photo{
			background-image:url(img/slider/header2024-1.jpg); background-size: cover; width:100%; height:400px; background-position: center center; transition: background 1s linear;
		}
		
		
		.nav_menu_item{
			font-size:14px;
			text-align: center;
			padding:5px 10px;
			text-decoration: none;
			color:#333;
			margin-left:15px;
			
		}
		
		.nav_menu_item_user:hover{
			color:#ce1446;
			border-bottom:solid 3px #ce1446;
		}
		
		.nav_active{
			color:#ce1446;
			border-bottom:solid 3px #ce1446;
		}
		
		.nav_login{
			font-size:14px;
			text-align: center;
			padding:5px 10px;
			text-decoration: none;
			margin-left:15px;
			border-radius: 5px;
			background-color:#ce1446;
			color:#fff;
			border:solid 1px #fff;
		}

	.nav_login:hover{
			font-size:14px;
			text-align: center;
			padding:5px 10px;
			text-decoration: none;
			margin-left:15px;
			border-radius: 5px;
			background-color:#fff;
			color:#ce1446;
		border:solid 1px #ce1446;
		}
		
		.button_a{
			padding:15px 20px; border:solid 1px #fff; border-radius: 5px; color:#fff; font-size:16px; text-decoration: none; white-space: nowrap; box-sizing: border-box;
		}
		
		.button_b{
			padding:15px 20px; border:solid 1px #fff; background-color:#fff; border-radius: 5px; color:#333; font-size:16px; text-decoration: none; white-space: nowrap; box-sizing: border-box;
		}
		
		.button_days{
			padding:10px 20px; border-radius: 30px; color:#fff; font-size:16px; text-decoration: none; white-space: nowrap; box-sizing: border-box; background-color:#ccc; margin-left:10px; margin-right:10px; cursor:pointer;
		}
		.active{
			background-color:#ce1446;
		}
		.panelelement1{
			opacity: 0; color:#fff; text-align: center; font-size:20px; padding-right:10px;
		}
		.panelelement2{
			opacity: 0; color:#fff; text-align: center; font-size:20px; padding-right:10px;
		}
		.panelelement3{
			opacity: 0; color:#fff; text-align: center; font-size:20px; padding-right:10px;
		}
		.panelelement4{
			opacity: 0; color:#fff; text-align: center; font-size:20px; padding-right:10px;
		}
		.fadein1{
			opacity: 1;
    		padding-right:0px;
			transition: all 1s 0.25s;
		}
		.fadein2{
			opacity: 1;
			padding-right:0px;
    		transition: all 1s 0.75s;
		}
		.fadein3{
			opacity: 1;
			padding-right:0px;
    		transition: all 1s 1.25s;
		}
		.fadein4{
			opacity: 1;
			padding-right:0px;
    		transition: all 1s 1.75s; 
		}
		.underline_off{
			width:0px; height:4px; background-color:#ce1446; margin-left:auto; margin-right:auto; margin-top:5px;
			
		}
		.underline_on{
			width: 100px;
			transition: all 1s 0.25s;
			
		}
		.wcontent_off{
			top:0px; left:0px; padding-top:40px; opacity: 0;
		}
		.wcontent_on{
			opacity: 1;
			transition: all 1s 0.25s;
		}

		.container_video {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
}
.video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}