@font-face {
    font-family: 'Involve';
    src: url('../fonts/Involve-Regular.eot');
    src: local('Involve Regular'), local('Involve-Regular'),
        url('../fonts/Involve-Regular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Involve-Regular.woff2') format('woff2'),
        url('../fonts/Involve-Regular.woff') format('woff'),
        url('../fonts/Involve-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

#july_banner #screen_blossombanner_block_container{
	width: auto !important;
	margin: 0px auto;
	max-width: 1140px !important;
}
#july_banner  #screen_blossombanner_block{
	cursor: pointer;	
}
#july_banner .screen_blossombanner_block_timer{
	background: #FFE3CF url(/local/templates/nadpo_visually/images/july-banner/spec_screen_banner_block_allbg.jpg) center center no-repeat;
	background-size: cover;
}
#july_banner .timer div span{
	background: #fff;
}
#july_banner .timer div p,
#july_banner .timer div p{
	color: #fff;
	font-size: 11px;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
	
	width: 375px;
	height: 100%;
	right: 200px;
    left: unset;
	bottom: 0;
	background: url(/local/templates/nadpo_visually/images/july-banner/spec_screen_blossombanner_block_txt.png) right bottom no-repeat;
	background-size: cover;
	position: absolute;

}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt #countdown { display: none; opacity: 0; }
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2 {
	width: 360px;
	max-width: calc(50% - 500px);
	height: 100%;
	background: url(/local/templates/nadpo_visually/images/july-banner/spec_screen_blossombanner_block_l2.png) right bottom no-repeat;
	left: 0;
	background-size: cover;
	position: absolute;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_ellipse{
	width: 366px;
	max-width: calc(50% - 500px);
	height: 100px;
	background: url(/local/templates/nadpo_visually/images/july-banner/spec_ellipse.png) left center no-repeat;
	right: 0;
	top:0;
	background-size: cover;
	position: absolute;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
	width: 431px;
	height: 68px;
	top:17px;
	left: 0;
	background: url(/local/templates/nadpo_visually/images/july-banner/spec_screen_blossombanner_block_header.png) left bottom no-repeat;
	background-size: contain;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn {
	background: #FC441F;
	background-color: #FC441F;
	border-radius: 6px;
	right: 0;
	width: 185px;
}
#july_banner .timer div span,
#july_banner .timer div p{
	color: #001055;
}
@media screen and (min-width: 992px) and (max-width: 1199px) {
	#july_banner #screen_blossombanner_block_container{
		width: 980px !important;
	}

	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		top: 0;
		width: 332px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		
		width: 337px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_ellipse{ display: none; }
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{ display: none; }

	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn{
		width: 180px;
		font-size: 16px;
	}

}
@media only screen and (min-width: 641px) and (max-width: 991px) {
	#july_banner #screen_blossombanner_block_container{
		width: 640px !important;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn{
		width: 130px;
		font-weight: 700;
		font-size: 14px;
		line-height: 40px;
		padding: 0;
		height: 40px;
		bottom: 14px;
	}

	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		top: 0;
		width: 250px; background-position: center left; height: 100%;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		
		width: 200px;
		height: 100%;
		right: 100px;
		left: unset;
		bottom: 0;
		background: url(/local/templates/nadpo_visually/images/july-banner/spec_screen_blossombanner_block_txt_640.png) right bottom no-repeat;
		background-size: cover;
		position: absolute;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_ellipse{ display: none; }
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{ display: none; }
}
@media only screen and (max-width: 640px){
	#screen_blossombanner_block.screen_blossombanner_block_timer { height: 110px; }
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_ellipse{ display: none; }
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{ display: none; }

	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		top: 5px;
		left: 13px;
		width: 260px; background-position: center left; height: 50px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn {
		background: #FC441F;
		background-color: #FC441F;
		border-radius: 6px;
		right: auto;
		width: 125px;
		left: 13px;
		bottom: 5px;
		display: block !important;
		font-size: 13px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		
		width: 160px;
		height: 100%;
		right: 0;
		left: unset;
		bottom: 0;
		background: url(/local/templates/nadpo_visually/images/july-banner/spec_screen_blossombanner_block_txt_320.png) right bottom no-repeat;
		background-size: cover;
		position: absolute;
	}
	#july_banner .screen_blossombanner_block_timer{
		background: #FFE3CF url(/local/templates/nadpo_visually/images/july-banner/spec_screen_banner_block_allbg.jpg) center left no-repeat;
		background-size: cover;
	}
}