@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: #01C771 url(/local/templates/nadpo_visually/images/july-banner/screen_banner_block.png) 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: 255px;
	right: 185px;
    left: unset;
	bottom: 15px;
	border-radius: 6px;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2 {
	width: 431px;
	background: url(/local/templates/nadpo_visually/images/july-banner/b1920.png) center bottom no-repeat;
	left: calc(50% - 216px - 85px);
	background-size: 431px auto;
	position: absolute;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_ellipse{
	width: 474px;
	background: url(/local/templates/nadpo_visually/images/july-banner/ellipse.png) center bottom no-repeat;
	right: -237px;
	background-size: 474px auto;
	position: absolute;
	height: 100px;
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
	background:none;
	text-align: left;
	width: auto;
	height: 100%;
	bottom:0;
	top:0;
	width: 278px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 110%;
	color: #FFFFFF;
    font-family: 'Involve';	
}
#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn {
	background: #0170E3;
	background-color: #FF0568;
	border-radius: 6px;
	right: 0;
	width: 185px;
}
#july_banner .timer div span,
#july_banner .timer div p{
	color: #001055;
}
@media screen and (max-width: 1199px) {
	#july_banner #screen_blossombanner_block_container{
		width: 980px !important;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt	{
		width: 250px;
		right: 175px;
		bottom: 5px;
		top: unset;
	}
 	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2 {
		width: 349px;
		background: url(/local/templates/nadpo_visually/images/july-banner/b980.png) center bottom no-repeat;
		left: calc(50% - 175px - 135px);
		background-size: 349px auto;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt {
		right: 185px;
		bottom: 8px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		font-size: 17px;
		line-height: 110%;
		width: 185px;
		text-align: left;
		left:0;
	}
}
@media only screen and (max-width: 991px) {
	#july_banner #screen_blossombanner_block_container{
		width: 720px !important;
	}
	#july_banner #screen_blossombanner_block.screen_blossombanner_block_timer{
		height: 65px;
	}
	#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 .timer{
		gap: 5px;
	}
	#july_banner .timer div{
		padding: 0;
		border-radius: 6px;
	}
	#july_banner .timer div span{
		width: 30px;
		height: 30px;
		font-size: 16px;
		padding: 0;
	}
	#july_banner .timer div p{
		font-size: 8px;
		bottom: -13px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		width: 175px;
		right: 135px;
		top: 0;
		height: 55px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{
		width: 174px;
		background: url(/local/templates/nadpo_visually/images/july-banner/b640.png) center bottom no-repeat;
		background-size: 174px auto;
		left: calc(50% - 90px - 65px);
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header br{
		display: block;
	}	
}

@media only screen and (max-width: 767px){
	#july_banner #screen_blossombanner_block_container{
		width: calc(100% - 30px) !important;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		right: 130px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		left: 0;
		text-align: left;
		font-size: 16px;
		width: 168px;
	}
}
@media only screen and (max-width: 700px){
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{
		left: calc(100% - 485px);
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header{
		font-weight: 600;
		font-size: 14px;
		width: 145px;
	}
}
@media only screen and (max-width: 640px){
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{
		width: 170px;
		background-size: 170px 65px;
		left: calc(100% - 480px);
	}
}
@media only screen and (max-width: 639px){
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_header	{
		height: 50px;
	}
	#july_banner #screen_blossombanner_block.screen_blossombanner_block_timer{
		height: 113px;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_txt{
		right: unset;
		top: 40px;
		left: 0;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_l2{
		width: 176px;
		height: 113px;
		right: 0;
		background: url(/local/templates/nadpo_visually/images/july-banner/b320.png) top right no-repeat;
		background-size: 176px auto;
		left: unset;
	}
	#july_banner #screen_blossombanner_block_container	{
		width: calc(100% - 5px) !important;
		margin-left: 10px;
		position: relative;
	}
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn
	{
		display: block;
		left: 50%;
		right: unset;
		margin-left: -65px;
		bottom: 17px;
	}
}
@media only screen and (max-width: 499px){
	#july_banner .screen_blossombanner_block_timer #screen_blossombanner_block_btn{
		display: none;
	}
	#july_banner  #screen_blossombanner_block{
		cursor:pointer;
	}
}