body {
	font-family: 'Open Sans', sans-serif;
	color: #333;
}
header {
	position: relative;
	padding-top: 76px;
	background: url(../img/bg.png) no-repeat bottom left;
	background-size: 70rem;
	height: 990px;
	width:100%;
    position: relative;
    max-height: 1245px;
    color: #333;
}

header:after{
	content: "";
	position: absolute;
	display: block;
	top:0; left:0; right:0; bottom:0;
    background: linear-gradient(25deg, transparent 41.15%, #481efb 0, #aa55f3);
    opacity: 0.4;
    z-index: 1;
}
header * {
	z-index: 10;
}
.circle-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 23.6rem;
}
.cont-relative {
	position: relative;
}
.btn-group-mdrn {
	border-radius: 30px;
	background-color: #fff;
	padding: 1.05rem 3rem;
	font-size: 1.1rem;
	line-height: 1.5;
	padding-top: 0.9rem;
	padding-bottom: 1.2rem;
}
.btn-group-mdrn-1 {
	padding-left: 4.2rem;
	padding-right: 2.2rem; 
}
.icon-search {
	position: relative;
	left: 1.7rem;
}
.btn-group-mdrn-2 {
	padding-right: 3.7rem; 
}
.btn-group-mdrn-font * {
	font-weight: 600;
}
.icon-search {
	position: absolute;
}
.dropdown-toggle::after {
	vertical-align: baseline;
	border-top: 0px;
}
.btn-group-mdrn-arrow::before {
	display: block;
	content: "";
	width: 1px;
	height: 35px;
	background-color: #e0e0e0;
	position: absolute;
	left: -0.2rem;
	top: 0;
	bottom: 0;
	margin: auto;
}
.btn-group-mdrn-arrow::after {
	position: absolute;
	top: 10px;
	font-family: "FontAwesome";
	content: "\f107";
	font-size: 1.6em;
}
.m0p0 {
	position: relative;
	z-index: 8;
	margin: 0;
	padding: 0;
}
.offer {
	float: right;
	font-family: 'Roboto', sans-serif;
	margin-top: 11.2rem;
	letter-spacing: -0.08rem;
	letter-spacing: 0rem;
}
.offer__title {
	font-weight: 700;
	font-size: 7rem;
	color: #090000;
	line-height: 1;
}
.offer__title span {
	color: #fff;

}
.offer__subtitle {
	font-weight: 500;
	font-size: 3rem;
	color: #fbf934;
	margin-left: 0.6rem;
}
.offer__subtitle span {
	color: #fcfcfc;
}
.btn-details {
	border-radius: 100px;
	font-weight: 600;
	color: #151515;
	font-size: 1.1rem;
	margin-top: 3.6rem;
	letter-spacing: 0.05rem;
	padding: 0.9rem 3rem;
	box-shadow: 0 0 5px 1px #dcf0f7;
}
.btn-details:after {
	font-family: "FontAwesome";
	content: "\f178";
	color: #7048e2;
	margin-left: 0.9rem;
}
.icon-1 {
	position: absolute;
    right: 30.6rem;
    top: 6rem;
	color: #e3d1fd;
	font-weight: bold;
	font-size: 1.8rem;
	z-index: 5;
}
.icon-2 {
	position: absolute;
	top: 44.1rem;
    right: 6.2rem;
	color: #fff;
	font-weight: bold;
	font-size: 2.5rem;
	transform: rotate(60deg);
	z-index: 5;
}
.cont-basis {
	position: relative;
	top: -1.65rem;
	width: 86.2%;
	background-color: #fff;
	margin: 0 auto;
	box-shadow: 0 0 10px 3px #f7f7fe;
}
#trendy .cont-basis {
	padding-bottom: 10rem;
}
.title {
	position: relative;
	margin-top: 5rem;
	z-index: 10;
}
.title__main {
	font-size: 3rem;
	font-weight: 700;
	position: relative;
	z-index: 30;
}
.card2 {
	position: relative;
	text-align: center;
	max-width: 21rem;
	height: 424px;
	margin: 3.5rem auto 0;
	padding-top: 3.3rem;
	background-color: #fff;
	z-index: 5;
}
.card2__like {
	position: absolute;
	top: 1.1rem;
	left: 1.3rem;
}
.card2__comment {
	position: absolute;
	top: 1rem;
	right: 0.9rem;
}
.card2__quantity {
	display: inline;
	color: #bbb;
}
.card2__image1 {
	width: 11rem;
}
.card2__image2 {
	width: 12rem;
	position: relative;
	top: -1rem;
}
.card2__image3 {
	width: 14.3rem;
}
.card2__image4 {
	position: relative;
	top: -2rem;
	width: 21rem;
}
.card2__image5 {
	width: 14.3rem;
}
.card2__image6 {
	width: 13rem;
	position: relative;
	top: 1rem;
}
.card2__title {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 57px;
	margin: auto;
}
.card2__name {
	font-size: 1.1rem;
	color: #929292;
	margin: 0;
}
.card2__price {
	font-size: 1.6rem;
	font-weight: 600;
	margin: 0;
}
.card2__btn {
	position: absolute;
	bottom: -55px;
	left: 50%;
    right: 50%;
    transform: translate(-50%, -50%);
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
	padding: 0.9rem 2.7rem;
	background: linear-gradient(25deg, #8c84f9, #a165f4);
}
.card2__btn:hover {
	opacity: 0.9 !important;
}
.card2__like, .card2__comment, .card2__btn {
	opacity: 0;
	visibility: hidden;
}
.card2:hover {
	box-shadow: 0 0 15px 5px #f2f2f3;
	transition: 0.2s;
	transform: translateY(-20px);
}
.card2:hover .card2__like {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.card2:hover .card2__comment {
	opacity: 1;
	visibility: visible;
	z-index: 10;
}
.card2:hover .card2__btn {
	opacity: 1;
	visibility: visible;
}
.card2:hover .card2__name {
	color: #333;
}
.card2:hover .card2__price {
	color: #8c84f9;
}
.trend_icon_1 {
	position: absolute;
	top: 23rem;
	left: -4.4rem;
	z-index: -1;
}
.trend_icon_2 {
	position: absolute;
	top: 28.1rem;
	right: -3.2rem;
}
.trend_icon_3 {
	position: absolute;
	bottom: 8rem;
	right: -2.6rem;
}
.trend_icon_4 {
	position: absolute;
	top: 5.3rem;
	left: 13.5rem;
}
.trend_icon_5 {
	position: absolute;
	top: -2rem;
	right: -20.5rem;
	left: 0;
	margin: auto;
}
.trend_icon_6 {
	position: absolute;
	bottom: 5.9rem;
	left: -3rem;
}
#phone {
	padding-bottom: 4rem;
}
.cont-phone {
	position: relative;
}
.phone__title {
	font-size: 3rem;
	font-weight: 700;
	margin-top: -2rem;
}
.phone__subtitle {
	font-size: 1.55rem;
	margin-top: 1rem;
	line-height: 1.4;
	margin-left: 0.4rem;
}
.phone__subtitle span {
	color: #8d83f9;
}
.phone__text {
	display: block;
	font-size: 0.97rem;
	color: #888;
	padding-left: 0.4rem;
}
.phone_image {
	margin: -1.7rem 0 0 4rem;
	width: 97%;
}
.phone__block {
	position: relative;
}
.trend_icon_7 {
	position: absolute;
	top: -1.2rem;
	left: 14rem;
}
.trend_icon_8 {
	position: absolute;
	bottom: 15.8rem;
	right: -1.7rem;
}
.trend_icon_9 {
	position: absolute;
	bottom: 0.2rem;
	left: -1.5rem;
}
.cont-shadow {
	box-shadow: 0 0 10px  5px #f7f7f8;
	border-radius: 5rem;
	max-width: 65.5rem;
	margin: 0 auto;
}
.cont-showcase {
	position: relative;
	z-index: 2;
}
.showcase {
	position: relative;
	flex-direction: row;
	font-weight: 600;
	font-size: 0.9rem;
	margin-top: 5.5rem;
}
.showcase * {
	border-radius: 0 !important;
	border: 0;
	background-color: #fff;
}
.showcase *:first-child {
    border-top-left-radius: 5rem !important;
    border-bottom-left-radius: 5rem !important;
    padding-left: 5rem !important;
}
.showcase *:last-child {
    border-top-right-radius: 5rem !important;
    border-bottom-right-radius: 5rem !important;
    padding-right: 5rem !important;
}
.showcase *:hover {
	background-color: initial;
	color: #b394fa;
}
.showcase .list-group-item.active {
	background-color: initial;
	border-color: initial;
	color: #b394fa;
	font-size: 1.2rem;
	transform: translateY(-3px);
	text-shadow: 0px 10px 5px rgba(0,0,0,0.1),10px 15px 5px rgba(0,0,0,0.05),-10px 15px 5px rgba(0,0,0,0.05);
}
.showcase .list-group-item {
	padding: 1.1rem 1.25rem;
}
#showcase .cont-basis {
	min-height: 80.4rem;
}
.card2__image11 {
	position: relative;
	top: -2rem;
}
.card2__image22 {
	position: relative;
	top: -1.7rem;
}
.card2__image33 {
	position: relative;
	top: 0rem;
}
.card2__image44 {
	position: relative;
	top: -0.5rem;
}
.card2__image55 {
	position: relative;
	top: -0.5rem;
}
.card2__image66 {
	position: relative;
	top: -0.5rem;
}
#showcase .title__main {
	margin: 0;
}
.trend_icon_10 {
	position: absolute;
	top: 2.3rem;
	left: 10.3rem;
}
.trend_icon_11 {
	position: absolute;
	top: -1.7rem;
    right: -20.5rem;
	left: 0;
	margin: auto;
}
.trend_icon_12 {
	position: absolute;
    bottom: -3.6rem;
    left: 3.3rem;
}
.trend_icon_13 {
	position: absolute;
	top: 28.3rem;
	right: -1rem;
}
.trend_icon_14 {
	position: absolute;
	bottom: 18.8rem;
	left: -3.6rem;
}
.cont-subscribe {
	background: linear-gradient(to top right, #8c84f9, #a165f4);
	padding-bottom: 7.4rem;
	position: relative;
	top: -6.1rem;
}
.subscribe {
	background: url(../img/bg-sub.png) no-repeat; 
	margin-top: 8rem;
	height: 7rem;
}
.subscribe__title {
	font-size: 3rem;
	font-weight: 700;
	color: #fff;
	vertical-align: middle;
}
.subscribe__form {
	position: relative;
	margin-top: 2.3rem;
}
.subscribe__email {
	border: none;
	outline: none;
	border-radius: 100px;
	color: #333;
	font-size: 1.2rem;
	padding: 1.1rem 33.3rem 1.3rem 1.5rem;
}
.subscribe__btn {
	position: absolute;
	top: 0.3rem;
	right: 72px;
	border-radius: 100px;
	color: #fff;
	font-weight: 600;
	font-size: 1.1rem;
	letter-spacing: 0.05rem;
	padding: 0.9rem 3.7rem;
	background: linear-gradient(25deg, #8c84f9, #a165f4);
}
.subscribe__btn:hover {
	opacity: 0.9;
}
.cont-bigshop {

}
.bigshop-title {
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	font-size: 2.4rem;
	margin-top: -2.1rem;
}
ul, li {
	display: block;
	padding: 0;
	margin: 0;
}
.menu {
	margin-top: 2rem;
}
.menu__item {
	margin: 0 1.5rem;
}
.menu__item a {
	font-size: 1rem;
	font-weight: 600;
	color: #404040;
}
.iconDown__item {
	margin: 2.5rem 0.8rem 3rem;
}
.iconDown__icon {
	display: block;
	width: 60px;
	height: 60px;
	border: 2px solid #edecee;
	border-radius: 100%;
	text-align: center;
}
.iconDown__item a i {
	padding-top: 17px;
}
.iconDown__item a {
	font-size: 1.5rem;
	color: #555;
	text-align: center;
	display: inline;
	padding-top: 0.5rem;
}
.iconDown__icon:hover {
	color: #fff;
	background: linear-gradient(45deg, #8e81f9, #9a6ef5);
	box-shadow: -5px 3px 10px 3px #e4e4e4;
}
.footer-block{
	background-color: #f6f5f7;
}
.footer {
	font-family: 'Montserrat', sans-serif;
	font-weight: 300;
	color: #777;
	margin-top: 1rem;
}
.footer__text {
	display: inline-block;
}

@media (max-width: 1199px) {
	.trend_icon_4 {
		left: 10%;
	}
	.cont-basis {
    padding-bottom: 5rem;
    }
    .trend_icon_10 {
    	left: 10%;
    }
    .trend_icon_12 {
	    left: 0rem;
	}
	.subscribe__btn {
		right: -3px;
	}
}
@media (max-width: 991px) {
	.cont-phone {
		margin-top: 2rem;
	}
	.trend_icon_8 {
		bottom: 10rem;
	}
	.showcase *:first-child {
    	padding-left: 2rem !important;
    }
    .showcase *:last-child {
   	    padding-right: 2rem !important;
    }
    .trend_icon_10 {
    	left: 5%;
    }
    .trend_icon_12 {
	    left: -1rem;
	}
	.subscribe__email {
		padding-right: 28rem;
	}
	.subscribe__btn {
		right: -62px;
	}
}
@media (max-width: 767px) {
	.logo-center {
		margin: 0;
	    padding: 0;
		position: relative;
    	top: 50%;
    	bottom: 50%;
	    left: 50%;
	    right: 50%;
	    transform: translate(-50%, -50%);
	}
	.btn-group-mdrn-font {
		margin-top: 1rem;
	}
	.icon-1 {
		right: 25rem;
	}
	.trend_icon_4 {
		left: 5%;
	}
	.trend_icon_8, .trend_icon_13, .trend_icon_14 {
		display: none;
	}
	.trend_icon_10 {
    	left: 0;
    }
	.list-group {
		display: inherit;
	}
	.showcase *:nth-child(1), .showcase *:nth-child(2), .showcase *:nth-child(3), .showcase *:nth-child(4), .showcase *:nth-child(5), .showcase *:nth-child(6) {
		float: left;
   	    width: 33%;
   	    background-color: initial;
    }
    .cont-shadow {
    	height: 55%;
    }
    .trend_icon_12 {
    	bottom: -2.5rem;
    }
    .subscribe__email {
		padding-right: 16rem;
	}
	.subscribe__btn {
		right: -41px;
	}
}
@media (min-width: 450px) and (max-width: 767px) {
	.showcase .list-group-item.active:nth-child(1), .showcase .list-group-item.active:nth-child(2) {
    	padding-bottom: 0;
    }
}
@media (max-width: 575px) {
	header {
		background-position: -12rem 3rem;
		height: 700px;
	}
	header:after{
	    background: linear-gradient(25deg, transparent 20%, #481efb 0, #aa55f3);
	}
	.icon-1, .icon-2, .trend_icon_1, .trend_icon_2, .trend_icon_3, .trend_icon_4, .trend_icon_5, .trend_icon_6, .trend_icon_7, .trend_icon_8, .trend_icon_9, .trend_icon_10, .trend_icon_11, .trend_icon_12, .trend_icon_13, .trend_icon_14 {
		display: none;
	}
	.circle-bg {
		width: 15rem;
	}
	.offer {
		float: inherit;
		text-align: center;
		margin-top: 5rem;
	}
	.btn-group-mdrn-2 {
		padding-left: 1rem;
		padding-right: 3rem;
	}
	.offer__title {
		font-size: 4rem;,
	}
	.cont-basis {
		z-index: 2;
	}
	.icon-1, .icon-2 {
		display: none;
	}
	.trend_icon_4 {
		left: 0;
	}
	.trend_icon_5 {
    right: -12rem;
    }
    .wrap_image4 {
    	width: 200px;
    	height: 240px;
        overflow: hidden;
        position: relative;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }
    .card2__image4 {
    	position: relative;
    	top: 50%;
    	bottom: 50%;
	    left: 50%;
	    right: 50%;
	    transform: translate(-50%, -50%);
	    }
	.trend_icon_10 {
    	display: none;
    }
    .trend_icon_11 {
    	right: -12rem;
    }
    .subscribe__email {
		padding-right: 8rem;
		padding-left: 0.5rem;
		font-size: 0.9rem;
	}
	.subscribe__btn {
		padding: 0.9rem 1rem;
		font-size: 1rem;
		top: 0.18rem;
		right: 4px;
	}
	.subscribe__form {
		width: 300px;
		margin: 0 auto;
	}
	.menu {
		display: inherit !important;
		text-align: center;
	}
	.menu__item {
		margin: 0;
		padding: 0;
		float: left;
		width: 33%;
	}
	.iconDown__item {
    	margin: 2.5rem 0.5rem 3rem;
    }
    .footer__text {
    	font-size: 0.8rem;
    }
}
@media (max-width: 449px) {
	.showcase *:nth-child(1), .showcase *:nth-child(2), .showcase *:nth-child(3), .showcase *:nth-child(4), .showcase *:nth-child(5), .showcase *:nth-child(6) {
   	    width: 50%;
    }
    .cont-shadow {
    	height: 65%;
    }
    .showcase .list-group-item.active:nth-child(1) {
    	padding-bottom: 0;
    }
    .showcase .list-group-item.active:nth-child(3) {
    	padding-bottom: 0;
    }
    .trend_icon_12 {
    	bottom: -2rem;
    }
}
@media (max-width: 370px) {
	.cont-shadow {
		border-radius: 3rem;
	}
}
@-moz-document url-prefix() {
	.subscribe__btn {
		right: 63px;
	}
	@media (max-width: 1199px) {
		.subscribe__btn {
		right: -12px;
	    }
	}
	@media (max-width: 991px) {
		.subscribe__btn {
		right: -69px;
	    }
	}
	@media (max-width: 767px) {
		.subscribe__btn {
		right: -48px;
	    }
	}
	@media (max-width: 575px) {
	    .subscribe__email {
		padding-right: 4.5rem;
		padding-left: 0.5rem;
		font-size: 1rem;
		}
		.subscribe__btn {
			right: 6px;
			padding: 0.9rem 1rem;
			font-size: 1rem;
			top: 0.3rem;
		}
		.subscribe__form {
			width: 287px;
			margin: 0 auto;
		}
	}
}