@font-face {
 font-family: ProximaNova;
 src: url(../font/ProximaNova-Regular.ttf) format("opentype");        
}
@font-face {
 font-family: ProximaNova Bold;
 src: url(../font/ProximaNova-Bold.ttf) format("opentype");
 font-weight: bold;        
}
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body {
	font-family: ProximaNova;
	font-weight: 400;
}

ul li {
 	list-style: none;
 }

button:hover {
	cursor: pointer;
}
h2 {
	font-size: 45px;
	font-family: ProximaNova Bold;
	font-weight: 900;
}
.top-menu {
	background-color: #f8f8f8;
	font-size: 14px;
	font-family: ProximaNova;
}
.menu-responsive, .menu-collapsible {
	display: none;	
}
.menu-collapsible {
	position: absolute;
	top: 60px;
	left: 0;
	line-height: 1;
	background-color: #fff;
	font-weight: 900;
	z-index: 5;
	width: 100%;
}
.menu-toggler {
	cursor: pointer;
}
.moscow {
	position: relative;
}
.moscow__dropdown {
	display: none;
	position: absolute;
	padding: 10px;
	top: 45px;
	left: 20px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 5px;
	transition: all 1s ease-in;
}
.menu-item {
	padding: 20px 0;
}
.menu-item:nth-child(6) {
	padding-right: 45px;
}
.menu-item:nth-child(8) {
	padding-right: 40px;
}
.menu-item a {
	color: #000;
	font-family: ProximaNova;
	font-weight: 500;
	font-size: 15px;
}
i.fa {
	color: rgba(0,0,0,0.4);
}


.phone {
	font-weight: 700;
}
.header {
	height: auto;
	margin: 2% auto;
	
}
.search-form {
	position: relative;
	left: 10%;
	width: 473px;
	

}
.search-form input {
	border-radius: 10px;
	border: 2px solid #f2f2f2;
	color: #f2f2f2;
}
input[type="text"]::placeholder {
	color: #d4d4d3;
	font-size: 20px;
}
input[type="text"]::-moz-input-placeholder {
	color: #d4d4d3;
	font-size: 20px;
}
.search-form>i.fa {
	width: 26px;
	height: 26px;
	line-height: 26px;
	text-align: right;
	margin-right: 26px;
	position: absolute;
	z-index: 1;
	right: 0px;
	top: 5px;
	color: #f2f2f2;
}
.search-form>i.fa + input {
  padding-left: 20px;
}

.user-icon {
	border-radius: 50%;	
	width: 40px;
	height: 40px;
	background-color: #F4F8FF;
	text-align: center;
	padding-top: 5px;
	margin-right: 5%;	
}
i.fa.fa-heart {
	font-size: 21px;
	
}

.cart {
	color: #98d839;
	font-family: ProximaNova Bold;
	background-color: #F5FBEB;
	padding: 5px 20px;
	border-radius: 20px;
	width: 150px;
	height: 40px;	
}
i.fa.fa-cart-plus {
	font-size: 24px;
	color: #98d839;
	padding-right: 10px;
}

.divider {
	display: block;
	background-color: #ccc;
	height: 1px;
}


.bars {
	display: flex;
	flex-direction: column;
	padding-left: 20px;
	
}
.bars> span:nth-child(1),
.bars> span:nth-child(3) {
	display: block;
	margin-left: 2px;
	height: 3px;
	width: 19px;
	background-color: #2175ff;

}
.bars> span:nth-child(2) {
	display: block;
	margin: 3px 0;
	height: 3px;
	width: 23px;
	background-color: #2175ff;
}
.catalog {
	color: #2175ff;
	background-color: #F4F8FF;
	padding: 10px 0;
	border-radius: 20px;
	margin: 10px 0;
	height: 45px;
	min-width: 215px;
}
.catalog.catalog-goods {
	padding: 0px 5%;
	width: 215px;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.2;
}

.catalog>i.fa {
	color: #2175ff;
	padding-top: 2px;
	padding-right: 20px;
}
.submenu {
	margin-bottom: -6px;
}
.submenu__collapsible {
	display: none;
	position: absolute;
	transform: translateX(-20px);
	border: 1px solid #f8f8f8;
	border-radius: 5px;
	text-align: center;
	width: 300px;
	padding: 20px;
	top: 39%;
	right: 50px;
	background-color: #fff;
	z-index: 6;
}
.submenu__collapsible .percent{
	border-radius: 50%;
	padding: 0 6px;
	background-color: #ffe538; 
}
.submenu .submenu-toggler {
	display: none;
	cursor: pointer;
}
.submenu__items {
	list-style: none;
	display: inline-flex;
	align-items: center;
	margin-top: 10px;
}
.submenu__items li a {
	margin-right: 20px;
	font-size: 16px;
	font-weight: 600;
}
.submenu__items >li:first-child {
	margin-left: 25px;	
}
.submenu__items >li:last-child {
	margin-left: 5px;	
}
.submenu__items li a >.percent {
	margin-right: -2px;
	border-radius: 50%;
	padding: 0 6px;
	background-color: #ffe538; 
}
.divider-shadowed {
	height: 5px;
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
	/*border: 1px solid rgba(0, 0, 0, 0.05);*/
	/*background-color: #ffffff;*/
}

/***********************************    
 *	List of goods
 ***********************************/
.list-of-goods {
	margin-top: 35px;
}
.item-wrapper {
	background-color: #f7f8fa;
	display: flex;
	flex-basis: 350px;
	position: relative;
	border-radius: 10px;
	margin-top: 25px;
}
.item-wrapper>.item-image {
	margin-top: -13px;
}
.item-wrapper>.item-text {
	height: 90px;
	padding-left: 5%;
	font-size: 18px;
	font-weight: 600;
	padding-top: 30px;
	line-height: 1.2;
}

.stars {
	margin: 90px 0;
}
.stars p {
	padding-top: 25px;
	font-size: 16px;
}

/***********************************    
 *	Catalog-fresh
 ***********************************/
.catalog-fresh h2{
	font-size: 45px;
	padding-top: 30px;
	font-size: ProximaNova;
	font-weight: bolder;
	max-width: 650px;
	width: 100%;
}
.catalog-fresh p{
	font-size: 20px;
	font-weight: 600;
	max-width: 650px;
	width: 100%;
}
.catalog-fresh>.text-block {
	padding-top: 7%;
}
.green-button {	
	width: 240px;
	border: none;
	height: 50px;
	border-radius: 25px;
	background-color: #98d839;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
}

/***********************************    
 *	Actions
 ***********************************/

.strikethrough {
    position: relative;
    font-size: 30px;
    font-weight: 900;
    color: #bfbfbf;
}

.strikethrough:before {
    border-bottom: 3px solid #ff5f27;
    position: absolute;
    content: "";
    width: 100%;
    height: 50%;
    transform: rotate(-7deg);
}

.actions {
	margin-top: 20px;
}
.actions h2 {
	font-weight: 900;
	font-family: ProximaNova Bold;
	font-size: 45px;
}
.percent-img {
	transform: translate(-60px, 45px);
}
.action-items {
	display: flex;
	/*flex-basis: 350px;*/
	min-width: 320px;
	max-width: 350px;
	width: 100%;
	border-radius: 15px;
	flex-direction: column;
	background-color: #f8f8f8;
	height: 343px;	
}
.action-items p {
	font-size: 20px;
	font-family: ProximaNova Bold;
	font-weight: 600;
}
.img-block {	
	transform: translateY(-20px);
}
.img-block>img {	
	border-bottom: 1px solid #ccc;
}
.action-items .img-block>.discount {
	display: inline-block;
	/*transform: translate(250px, -120px);*/
	position: relative;
	z-index: 10;
	background-color: #ffe538;
	color: #000;
	font-weight: 500;
	width: 50px;
}
.actions__prices {
	display: inline-block;
}
.new-price {
	font-size: 30px;
	font-weight: 900;
	color: #98d839;
	display: inline-block;
	padding-left: 30px;
}
.new-price>i.fa {
	color: #98d839;
	font-size: 30px;
}
.act-btn {
	width: 113px;
	height: 40px;
	border-radius: 20px;
	background-color: #98d839;
	color: #fff;
	font-weight: 600;
	margin: 10px 0;
	font-size: 14px;
	border: none;	
}
.act-btn:hover {
	cursor: pointer;
}

.banner {
	margin-top: 50px;
	padding-top: 10%;
	text-align: center;	
	max-width: 510px;
	border-radius: 10px;
	width: 100%;
	height: 240px;
	background-color: #f8f8f8;
}
/***********************************    
 *	For-retailers
 ***********************************/
.for-retailers {
	margin-top: 70px;
}
.for-retailers p {
	font-size: 20px;
	line-height: 1.3;
	font-family: ProximaNova Bold;
	max-width: 386px;
	width: 100%;
	padding-bottom: 30px;
}
.register {
	width: 280px;
	height: 50px;
	border-radius: 25px;
	background-color: #98d839;
	color: #fff;
	font-size: 18px;
	font-family: ProximaNova Bold;
	border: none;
}
.retailers-h2 {
	font-family: ProximaNova Bold;
	font-weight: 900;
	font-size: 45px;
	color: #000;
	max-width: 386px;
	width: 100%;
	padding-bottom: 20px;
}
/***********************************    
 *	Best offers
 ***********************************/
.best-offers {
	margin-top: 30px;
}
.categories ul {
	display: flex;
	justify-content: space-around;
	-ms-align-items: center;
	align-items: center;
	list-style: none;
	background-color: #fff;
	border-radius: 10px;
	transform: translateY(-50px);
	height: 100px;
	position: relative;
	z-index: 2;
	border: 1px solid rgba(0, 0, 0, 0.05);
	box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);	
}
.categories ul li>a {
	color: #2175ff;
	font-size: 20px;
	font-family: ProximaNova Bold;
	font-weight: 900;
}
.categories ul li>a:hover {
	border-bottom: 2px solid #98d839;
	color: #000;	
}
.best-offers h2 {
	max-width: 660px;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 40px;
}
.rounded-corners {
	border: 2px solid #d4d4d3;
	border-radius: 30px;
	color: #ccc;
	height: 60px;
	max-width: 615px;
	width: 100%;
}
.best-offers-btn {
	width: 350px;
	height: 60px;
	border-radius: 30px;
	background-color: #98d839;
	color: #fff;
	font-size: 16px;
	font-family: ProximaNova Bold;
	font-weight: 600;
	border: none;
	outline: none;
}
.best-offers-btn:hover {
	cursor: pointer;
}
.categories input[type="text"] {
	color: #d4d4d3;
	border-radius: 30px;
	text-align: center;	
}
.mobile-form {
	display: none;
	margin-bottom: 30px;
}

/***********************************    
 *	Brands
 ***********************************/
.brands {
	margin-top: 80px;
}
.brands h2 {
	padding-bottom: 30px;
}
.slider {
	position: relative;	
}
.slider div {
	width: auto;
	margin: auto;
}
.big-banner span {
	display: flex;
	padding-top: 10%;
	justify-content: center;
	margin-top: 90px;	
}

/***********************************    
 *	New items
 ***********************************/
.new-items {
	margin-top: 80px;
	border-radius: 10px;
}
.slider__new-items .item img {
	margin: 0 auto;
}
.new-items.>.item {
	
	display: flex;
	flex-direction: column;
}
.item {
	display: flex;
	flex-direction: column;
	height: 473px;
	margin-top: auto;
	border: 1px solid #f2f2f2;	
}
.item:nth-child(1) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.item:nth-child(3) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}
.item:nth-child(4) {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
}
.item:nth-child(6) {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}

.item h3 {
	font-size: 20px;
	padding: 0 10px;
	font-family: ProximaNova Bold;
	font-weight: 900;
}
.item p {
	font-size: 16px;
	font-weight: 600;
	padding: 0 10px;
	line-height: 1;
	color: #666666;
}
.item>button {
	margin-bottom: 40px;
}

/***********************************    
 *	New items
 ***********************************/
.all-news {
	color: #2175ff;
	font-weight: 900;
}

.news-block {
	width: calc(33%-10px);
}
.news-block h3 {
	font-size: 20px;
	font-family: ProximaNova Bold;
	padding-top: 25px;
}
.news-block p {
	color: #666666;
	line-height: 1.2;
	font-weight: 600;
}
.news-header {
	display: flex;
	justify-content: space-between;
	margin-bottom: 25px;
}

/***********************************    
 *	Project description
 ***********************************/
 .project-description {
 	margin-top: 50px;
 }

 .footer { 	
	height: 394px;
	background-color: #f7f8fa;
 }
 .company-info {
 	color: #000;
 }
 .feedback {
 	color: #2175ff;
 	font-weight: 600;
 }
 .credentials { 	
 	margin-top: 30px;
 }
 .credentials a {
 	font-size: 15px;
 	font-family: ProximaNova;
 	font-weight: 600;
 	color: #848586;
 }
 .line {
 	border-bottom: 1px solid #848586;
 }
 
 .social:hover { 	
 	transform: scale(1.2);
 }