/* Target high resolution displays (retina min-width: 320px) ---------------------------------------------------------------------------------------------- */
@media only screen and (min-width: 320px) {
	.home_page #home_slider {
		font-size: 0;
	}
	
	.comming_soon_home {font-size: 30px;padding: 20px 30px;text-align: center;}

	.home_page .thumb_container {
		display: none;
	}

	.home_page .big_slide {
		display: inline-block;
		overflow: hidden;
		width: 100%;
		/*max-height: 520px;*/
		vertical-align: top;
		background-color: #262262;
	}

	.home_page .big_slide ul {
		/*width: 999999px;*/
		white-space: nowrap;
		/*-webkit-transition: all .4s ease-out;
		-moz-transition: all .4s ease-out;
		-o-transition: all .4s ease-out;
		transition: all .4s ease-out;*/
	}

	.home_page .big_slide li {
		position: relative;
		/*float: left;*/
		display: inline-block;
		vertical-align: top;
		width: 100%;
		white-space: normal;
	}

	.home_page .big_slide li a {
		position: relative;
		display: inline-block;
		vertical-align: top;
		width: 100%;
	}

	.home_page .big_slide li > a:after,
	.home_page .big_slide li > a:before {
		content: ".";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		min-height: 15px;
		background: url('../images/carousel_shadow_up.png') no-repeat center;
		background-size: cover;
	}

	.home_page .big_slide li > a:after {
		top: auto;
		bottom: 0;
		background: url('../images/carousel_shadow_down.png') no-repeat center;
	}

	.home_page .big_slide img {
		display: block;
		width: 100%;
	}

	.home_page .big_slide .promo_name {
		position: absolute;
		top: 8px;
		left: 10px;
		color: #fff;
		font-size: 20px;
		text-transform: uppercase;
		text-shadow: 1px 1px 0 #3E4E63;
	}

	.home_page .big_slide .promo_price {
		display: block;
		font-size: 17px;
	}

	.home_page .big_slide aside:before {
		content: "";
		position: absolute;
		top: -20px;
		left: 50%;
		margin-left: -10px;
		width: 40px;
		height: 20px;
		background: url('../images/slider_aside_bgr.png') no-repeat top center;
	}

	.home_page .big_slide aside {
		position: relative;
		padding: 30px;
		background-color: #262262;
		color: #fff;
		font-size: 17px;
		text-shadow: 1px 1px 0 #3E4E63;
	}

	.big_slide .nav_slides {
		display: none;
	}

	.home_page .accents {
		color: #666;
		font-family: 'Tahoma';
		font-size: 0;
	}

	.home_page .accent_wrapper {
		overflow: hidden;
	}

	.home_page .accents article:before {
		content: ".";
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 5px;
		border-top: 5px solid #262262;
		font-size: 0;
		text-indent: -99999px;
	}

	.home_page .accents article {
		position: relative;
		display: block;
		margin-top: 1px;
		padding: 15px 10px 10px 10px;
		font-size: 14px;
	}

	.home_page .accents article > a {
		position: relative;
		float: left;
		margin-right: 10px;

	}

	.home_page .accents article > a:before {
		content: '.';
		position: absolute;
		top: 0;
		left: 0;
		width: 118px;
		height: 118px;
		border: 10px solid transparent;
		font-size: 0;
		text-indent: -99999px;
		-webkit-transition: border .5s;
		-moz-transition: border .5s;
		-o-transition: border .5s;
		transition: border .5s;
	}

	.home_page .accents article:hover > a:before {
		border: 10px solid #262262;
	}

	body.buisiness_site .home_page .accents article:hover > a:before {
		border: 10px solid #3E4E63;
	}

	.home_page .accents img {
		/*margin-right: 10px;*/
		display: block;
		width: 136px;
		height: 136px;
		border: 1px solid #D6D6D6;
	}

	.home_page .accents h2 {
		margin-bottom: 10px;
		color: #00B2AC;
		font-size: 17px;
		font-weight: normal;
	}

	.home_page .accents a:hover {
		text-decoration: underline;
	}

	.home_page .accents a.read_more {
		display: inline-block;
		vertical-align: top;
		margin-top: 10px;
		color: #00B2AC;
		text-decoration: underline;
	}

	.home_page .accents a.read_more:hover {
		text-decoration: none;
	}

	.home_page .accents a.read_more:after {
		float: right;
		margin-left: 5px;
		content: " \00bb";
	}
}

@media only screen and (min-width: 480px) {

	.home_page .big_slide .promo_name {
		font-size: 30px;
	}

	.home_page .big_slide .promo_price {
		font-size: 22px;
	}
}

@media only screen and (min-width: 768px) {
	.home_page .accents article {
		height: 180px;
	}

	.home_page .big_slide .promo_name {
		font-size: 48px;
	}

	.home_page .big_slide .promo_price {
		font-size: 36px;
	}

	.home_page .big_slide {
		position: relative;
	}

	.home_page .big_slide .nav_slides {
		position: absolute;
		bottom: 27px;
		right: 40px;
		display: block;
	}

	.home_page .big_slide .nav_slides span {
		display: inline-block;
		vertical-align: top;
		width: 12px;
		height: 23px;
		background: url('../images/slider_arrows.fw.png') no-repeat;
		cursor: pointer;
	}

	.home_page .big_slide .nav_slides .right {
		margin-left: 40px;
		background-position: -13px 0;
	}

	.home_page .accents article {
		float: left;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home_page .accents article:nth-child(odd) {
		border-right: 1px solid #fff;
	}
}

@media only screen and (min-width: 980px) {
	.home_page .big_slide .promo_name {
		font-size: 61px;
	}

	.home_page .big_slide .promo_price {
		font-size: 45px;
	}
}

@media only screen and (min-width: 1240px) {
	.home_page {
		font-size: 0;
	}

	.home_page #home_slider {
		font-size: 0;
	}

	.home_page .big_slide {
		max-width: 979px;
		/*vr*/float: left;
	}

	.home_page .thumb_mask {
		overflow: hidden;
		display: inline-block;
		margin-left: -20px;
		padding-left: 20px;
		padding-top: 20px;
		width: 260px;
		height: 480px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home_page .thumb_mask li {
		position: relative;
		/*overflow: hidden;*/
		margin-bottom: 10px; 
		height: 140px;
		border: 1px solid #ececec;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home_page .thumb_mask li span:before {
		content: ".";
		position: absolute;
		top: -14px;
		left: 0;
		width: 100%;
		height: 14px;
		background: url('../images/thumb_shadow.png') no-repeat;
		font-size: 0;
		text-indent: -99999px;
	}

	.home_page .thumb_mask li span {
		position: absolute;
		left: 0;
		bottom: 0;
		padding: 10px;
		width: 100%;
		background-color: #262262;
		color: #fff;
		font-size: 13px;
		text-shadow: 1px 1px 0  #00827B;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home_page .thumb_mask li:not(.active) {
		cursor: pointer;
	}

	.home_page .thumb_mask a {
		width: 240px;
	}

	.home_page .thumb_mask li.active:before {
		content: " ";
		float: left;
		margin-left: -21px;
		margin-top: -7px;
		padding: 7px 0;
		width:20px;
		height: 100%;
		background: url('../images/active_thumb.png') no-repeat center center #262262;
	}

	.home_page .thumb_mask li.active {
		position: relative;
	}

	.home_page .thumb_mask li + li {
		margin: 20px 0; 
	}

	.home_page .thumb_mask img {
		width: 100%;
		height: 100%;
	}

	.home_page .thumb_container {
		/*vr*/float: right;
		display: inline-block;
		height: 525px;
		vertical-align: top;
	}

	.home_page .thumbs_nav {
		font-size: 0;
		margin-top: 30px;
	}

	.home_page .thumbs_nav span {
		/*vr*/float: left;
		font-size: 12px;
		display: inline-block;
		width: 120px;
		height: 22px;
		background-color: #262262;
		vertical-align: top;
		text-align: center;
		cursor: pointer;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.home_page .links_container {
		margin-top: 19px;
		padding-left: 21px;
	}

	.home_page .thumbs_nav span:after {
		content: " ";
		display: inline-block;
		margin-top: 5px;
		width: 24px;
		height: 13px;
		vertical-align: middle;
		background: url('../images/thumb_nav.png') no-repeat;
	}

	.home_page .thumbs_nav .down {
		border-right: 1px solid #fff;
	}

	.home_page .thumbs_nav .up:after {
		background-position: -24px 0;
	}

	.home_page .big_slide .nav_slides {
		display: none;
	}

	.home_page .accents {
		display: inline-block;
		vertical-align: top;
		max-width: 979px;
		width: 100%;
	}
}