html, body {
	font-family: 'Corpid', sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
.price,
.old-price,
.bonuses {
	-webkit-font-smoothing: antialiased;
}

.container-index-visual .contents {
	width: 321px;
	min-height: 400px;
	box-shadow: 0 0 4px #dadada;
	margin: 20px auto;
	padding: 0 0 0 640px;
	position: relative;
}

.container-index-visual .contents .big-visual-ad {
	display: block;
	height: 400px;
	width: 640px;
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	font-family: 'Corpid', sans-serif;
}

.container-index-visual .contents .big-visual-ad img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.container-index-visual .contents .big-visual-ad img.phone {
	display: none;
}

.container-index-visual .contents .big-visual-ad span.red-block {
	position: absolute;
	bottom: 20px;
	left: 20px;
	width: 244px;
	padding: 17px 18px;
	background: #ff0032;
	color: #fff;
	z-index: 2;
	line-height: 1.2;
	display: block;
}

.container-index-visual .contents .big-visual-ad span.red-block em {
	font-size: 1.4em;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
	display: block;
}

.container-index-visual .contents .big-visual-ad span.red-block span {
	font-size: 0.8em;
	padding: 30px 0 0 0;
	margin: 0;
	display: block;
}

.container-index-visual .contents .small-block:first-child .small-ad {
	border-top: 0;
}

.container-index-visual .contents .small-ad {
	display: block;
	height: 200px;
	background: #fff;
	border-top: 1px solid #e0e0e0;
	border-left: 1px solid #e0e0e0;
	position: relative;
	font-family: 'Corpid', sans-serif;
	overflow: hidden;
}

.container-index-visual .contents .small-ad img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.container-index-visual .contents .small-ad span.texts {
	position: absolute;
	z-index: 2;
	height: 145px;
	width: 142px;
	padding: 55px 15px 0 160px;
	overflow: hidden;
	line-height: 1.2;
}

.container-index-visual .contents .small-ad span.title {
	top: 17px;
	left: 20px;
	color: #ff0032;
	font-size: 1.4em;
	position: absolute;
}

.container-index-visual .contents .small-ad span.price {
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 0 0 7px 0;
	margin-bottom: 5px;
}

.container-index-visual .contents .small-ad span.price em {
	font-size: 2.4em;
	font-weight: normal;
	font-style: normal;
	padding: 0;
	margin: 0;
	font-weight: 700;
	display: block;
}

.container-index-visual .contents .small-ad span.price em small {
	font-size: 0.8em;
	padding-left: 3px;
}

.container-index-visual .contents .small-ad span {
	font-size: 0.85em;
	color: #414243;
}

.container-index-visual .contents .small-ad:last-child {
	bottom: 0;
}

.container-index {
	background: #fff;
}

.container-index .row {
	border: 0;
	position: relative;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto;
	box-shadow: rgba(102, 102, 102, 0.298039) 0px 5px 29px 0px;
}

.container-index .contents {
	width: 960px;
	margin: 0 auto;
	padding-top: 12px;
}

.container-index .row.last {
	margin-bottom: 20px;
}

.index-page .owl-controls {
	position: absolute;
	text-align: center;
	width: 100%;
}

.index-page .owl-controls .owl-page {
	display: inline-block;
	width: 10px !important;
	height: 10px !important;
	margin: 0 2px;
	padding: 0;
	background-image: url('../images/sprite-icons.png');
	background-position: -383px -599px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	opacity: 0.25;
}

.index-page .owl-controls .owl-page.active {
	background-image: url('../images/sprite-icons.png');
	background-position: -453px -294px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
	opacity: 1;
}

.main-slider {
	height: 520px;
}

.main-slider .bx-pager {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 472px;
	z-index: 4;
}

.main-slider .bx-pager-item {
	display: inline-block;
	text-indent: -9999px;
	margin-right: 6px;
}

.main-slider .bx-controls {
	width: 1200px;
	margin: 0 auto;
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -600px;
}

.main-slider .bx-pager-link {
	display: block;
}

.main-slider .bx-controls-direction {
	text-align: center;
	position: absolute;
	width: 100%;
	top: 220px;
}

.main-slider .bx-prev,
.main-slider .bx-next {
	display: inline-block;
	position: absolute;
	z-index: 4;
}

.main-slider .bx-prev {
	left: 0%;
}

.main-slider .bx-next {
	right: 0%;
}

.main-slider {
	width: 100%;
	height: auto;
	margin: auto;
	background: #fff;
}

.main-slider__wrap {
	width: 2000px;
	height: 520px;
	position: relative;
	margin: auto;
}

.main-slider__item-wrap {
	height: 520px;
	margin: 0 auto;
	display: block;
	text-decoration: none;
}

.main-slider__mask-left {
	background: url(../i/slider-mask-left.png) no-repeat top left;
	z-index: 3;
}

.main-slider__mask-center {
	background: url(../i/slider-mask-center.png) repeat-x top left;
	z-index: 2;
}

.main-slider__mask-right {
	background: url(../i/slider-mask-right.png) no-repeat top right;
	z-index: 3;
}

.main-slider__mask-left,
.main-slider__mask-center,
.main-slider__mask-right {
	position: absolute;
	width: 100%;
	height: 100%;
}

.main-slider__bg {
	position: absolute;
	top: 0;
	left: 0;
	background-position: top center;
	background-repeat: no-repeat;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.main-slider__text-wpar {
	background: url(../i/main-slider-patch.png) no-repeat;
	background-size: cover;
	width: 30.9375em;
	height: 21.125em;
	position: absolute;
	top: 15px;
	left: 50%;
	z-index: 3;
	margin-left: -85px;
	font-size: 16px;
}

.main-slider__text {
	padding: 3em 4.375em 0em 5.875em;
	display: table-cell;
	vertical-align: middle;
	height: 13.75em;
	color: #fff;
}

.main-slider__text-head {
	font-size: 2.125em;
	line-height: 1.06em;
	margin-bottom: 0.3em;
}

.main-slider__text-middle {
	font-size: 1.125em;
	line-height: 1.25em;
	margin-bottom: 0.75em;
}

.main-slider__text-middle .bit_more {
	font-size: 1.3em;
	line-height: 1.2em;
}

.main-slider__text-big {
	font-size: 3em;
}

.main-slider__text-small {
	font-size: 0.8125em;
}

.main-slider__mini-banner {
	width: 15em;
	height: 4.325em;
	text-align: center;
	position: absolute;
	left: 0;
	top: 100%;
	margin: -2.4em 0 0 7.8125em;
}

.main-slider__mini-banner-inner {
	text-align: center;
	height: 100%;
	overflow: hidden;
}

.main-slider__mini-banner-inner-img-table {
	display: table;
	width: 100%;
	height: 100%;
	text-align: center;
}

.main-slider__mini-banner-inner-img-cell {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

.main-slider__mini-banner-inner-img-item {
	max-width: 15em;
	max-height: 4.325em;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

	.index-page .owl-controls .owl-page {
		background-image: url('../images/sprite-icons@2x.png');
		background-size: 807px 612px;
	}

	.index-page .owl-controls .owl-page.active {
		background-image: url('../images/sprite-icons@2x.png');
		background-size: 807px 612px;
	}

}

@media only screen and (max-width: 999px) and (min-width: 640px) {

	.container-index-visual .contents {
		width: 640px;
		padding: 0;
		margin-top: 0;
		height: 600px;
	}

	.container-index-visual .contents .small-ad {
		float: left;
		width: 320px;
		border-left: 0;
	}

	.container-index .contents {
		width: 640px;
	}

	.main-slider .bx-controls {
		width: 640px;
		margin-left: -320px;
	}

	.main-slider .bx-prev {
		left: 7px;
	}

	.main-slider .bx-next {
		right: 7px;
	}

	.main-slider {
		width: 640px;
	}

	.main-slider__item-wrap {
		width: 640px;
		height: 320px;
	}

	.main-slider__text-wpar {
		font-size: 0.735em;
		margin-left: -75px;
		top: 10px;
	}

}

@media only screen and (max-width: 999px) and (min-width: 640px), only screen and (max-width: 639px) {

	.main-slider .bx-controls-direction {
		top: 136px;
	}

	.main-slider__mask-center {
		background-size: auto 320px;
	}

	.main-slider__bg {
		background-size: auto 320px;
	}

}

@media only screen and (min-width: 1000px) and (max-width: 12039px) {

	.container-index .contents .top-right {
		position: absolute;
		top: 0;
		right: 0;
	}

	.main-slider .bx-pager {
		top: 385px;
	}

	.main-slider .bx-controls {
		width: 1000px;
		margin-left: -500px;
	}

	.main-slider .bx-controls {
		width: 768px;
		margin-left: -384px;
	}

	.main-slider .bx-controls-direction {
		top: 184px;
	}

	.main-slider .bx-controls-direction {
		top: 138px;
	}

	.main-slider .bx-prev {
		left: 38px;
	}

	.main-slider .bx-next {
		right: 38px;
	}

	.main-slider__item-wrap {
		width: 1000px;
		height: 420px;
	}

	.main-slider__item-wrap {
		width: 768px;
		height: 320px;
	}

	.main-slider__mask-center {
		background-size: auto 420px;
	}

	.main-slider__bg {
		background-size: auto 420px;
	}

}

@media only screen and (min-width: 1000px) and (max-width: 12039px), only screen and (max-width: 999px) and (min-width: 640px) {

	.main-slider .bx-pager {
		top: 286px;
	}

}

@media only screen and (min-width: 1000px) and (max-width: 12039px), only screen and (max-width: 999px) and (min-width: 640px), only screen and (max-width: 639px) {

	.main-slider__mask-left {
		display: none;
	}

	.main-slider__mask-center {
		background: url(../i/slider-mask-center-a.png) repeat-x top left;
	}

	.main-slider__mask-right {
		display: none;
	}

}

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

	.main-slider__text-wpar {
		font-size: 1.092em;
		top: 50px;
		margin-left: 0;
	}

}

@media only screen and (max-width: 999px) {

	.container-index-visual .contents .big-visual-ad {
		position: relative;
		border-bottom: 1px solid #e0e0e0;
	}

	.container-index-visual .contents .small-ad {
		border-top: 0;
	}

	.main-slider {
		height: 300px;
	}

}

@media only screen and (max-width: 639px) {

	.container-index-visual .contents {
		width: 320px;
		padding: 0;
		margin-top: 0;
	}

	.container-index-visual .contents .big-visual-ad {
		width: 320px;
		height: 340px;
	}

	.container-index-visual .contents .big-visual-ad img {
		height: 300px;
		width: auto;
		margin: 0;
		display: none;
	}

	.container-index-visual .contents .big-visual-ad img.phone {
		display: block;
	}

	.container-index-visual .contents .big-visual-ad span.red-block {
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		padding: 13px 18px;
		background: #ff0032;
		color: #fff;
		z-index: 2;
		width: auto;
		display: block;
	}

	.container-index-visual .contents .big-visual-ad span.red-block em {
		font-size: 1.4em;
		font-weight: normal;
		font-style: normal;
		padding: 0;
		margin: 0;
		font-weight: 200;
		display: block;
	}

	.container-index-visual .contents .big-visual-ad span.red-block span {
		font-size: 0.8em;
		padding: 14px 0 0 0;
		margin: 0;
		display: block;
	}

	.container-index-visual .contents .small-ads-slider {
		clear: both;
		width: 320px;
		height: 200px;
	}

	.container-index-visual .contents .small-ads-slider .small-block {
		width: 320px;
		height: 200px;
	}

	.container-index-visual .contents .small-ads-slider .small-ad {
		border: 0;
	}

	.container-index-visual .contents .small-ads-slider .slick-dots {
		bottom: -46px;
	}

	.container-index-visual .contents .small-ads-slider button {
		display: none !important;
	}

	.container-index-visual .contents .small-ad {
		float: left;
		width: 320px;
	}

	.container-index-visual .contents .small-ad span.title {
		fons-size: 1.3em;
	}

	.container-index .row {
		border-left: 1px solid #d6d6d6;
		border-top: 1px solid #d6d6d6;
	}

	.container-index .contents {
		width: 320px;
		overflow-x: hidden;
	}

	.main-slider .bx-pager {
		top: 280px;
	}

	.main-slider .bx-controls {
		width: 320px;
		margin-left: -160px;
	}

	.main-slider .bx-prev {
		left: 10px;
	}

	.main-slider .bx-next {
		right: 10px;
	}

	.main-slider {
		width: 320px;
	}

	.main-slider__item-wrap {
		width: 320px;
		height: 640px;
		overflow: hidden;
	}

	.main-slider__mask-center {
		height: 320px;
	}

	.main-slider__bg {
		position: static;
		height: 320px;
		background-position: -279px top;
	}

	.main-slider__text-wpar {
		position: static;
		left: auto;
		top: auto;
		font-size: 0.8em;
		margin-left: -47px;
	}

	.main-slider__mini-banner {
		width: auto;
		position: static;
		margin: 2.5em auto 0;
		width: 180px;
		height: 54px;
	}

	.main-slider__mini-banner-inner-img-item {
		max-width: 180px;
		max-height: 54px;
	}

}

/** brand-zones */
.brands {
	display: block;
	max-width: 960px;
	margin: auto;
	margin-bottom: 50px;
	width: 100%;
}
.brands__heading {
	color: #333333;
	font-family: 'Corpid', sans-serif;
	font-size: 26px;
	font-weight: 300;
}
.brands__slider {
	margin: 0 -6px;
	max-width: calc(100% + 12px);
	position: relative;
	width: auto;
	touch-action: auto;
	-ms-touch-action: auto;
}
.brands__slider-arrow {
	cursor: pointer;
	display: block;
	height: 30px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 18px;
}
.brands .slick-dots li {
	height: auto;
	width: auto;
}
.brands__slider-arrow--prev {
	background: url(../images/s.png) no-repeat -223px -108px;
	left: -65px;
}
.brands__slider-arrow--next {
	background: url(../images/s.png) no-repeat -241px -108px;
	right: -65px;
}
.brands__slider .slick-active .brands__slider-pagination-dot {
	background-image: url(../images/sprite-icons.png);
	background-position: -453px -294px;
	opacity: 1;
}
.brands__slider-pagination-dot {
	cursor: pointer;
	background-image: url(../images/sprite-icons.png);
	background-position: -383px -599px;
	background-repeat: no-repeat;
	height: 10px;
	opacity: .2;
	width: 10px;

}
.brands__img {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: contain;
	border: 1px solid #cccccc;
	cursor: pointer;
	height: 70px;
	margin: 0 5px 0 5px;
	transition: all 150ms;
	display: none;
	box-sizing: border-box;
}
.brands__img a{
	width: 100%;
	height: 100%;
	display: block;
}

.brands__slider.slick-slider .slick-track{
    display: flex;
}

.brands__img:hover {
	border-color: #9d9d9d;
}
.brands__img--apple {
	background-image: url('../images/logo-apple.svg');
	background-size: 140px;
}
.brands__img--samsung {
	background-image: url('../images/logo-samsung-black.svg');
	background-size: 140px;
}
.brands__img--nokia {
	background-image: url('../images/logo-nokia.svg')
}
.brands__img--honor {
	background-image: url('../images/logo-honor.svg');
	background-size: 180px;
}
.brands__img--huawei {
	background-image: url('../images/logo-huawei.svg')
}
.brands__img--xiaomi {
	background-image: url('../images/logo-xiaomi.svg')
}
.brands__img.brands__img--apple--transparent {
	background-image: url('../images/logo-apple-btn_tab-transparent.png');
	background-color: transparent !important;
}
.brands__img.brands__img--samsung--transparent {
	background-image: url('../images/logo-samsung-btn_tab-transparent.png');
	background-color: transparent !important;
}
.brands__img.brands__img--nokia--transparent {
	background-image: url('../images/logo-nokia-btn_tab-transparent.png');
	background-color: transparent !important;
}
.brands__img.brands__img--honor--transparent {
	background-image: url('../images/logo-honor-btn_tab-transparent.png');
	background-color: transparent !important;
}
@media only screen and (max-width: 999px) {
	.brands {
		max-width: 640px;
	}
	.brands__slider {
		max-width: calc(100% + 10px);
		margin: 0 -5px;
	}
	.brands__img {
		height: 47px;
		margin: 0 5px;
	}
}
@media only screen and (max-width: 639px) {
	.brands__slider {
		max-width: 190px;
		margin: auto;
	}
	.brands__img {
		height: 70px;
		max-width: 180px;
	}
	.brands__heading {
		text-align: center;
		font-size: 13px;
		font-weight: 700;
	}
}
