/*********************************
*                                *
*            FOOTER              *
*                                *
**********************************/

footer {
    display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
    padding: 0 15%;
	background-color: #c69594;
	color: #fff;
	margin-top: 50px;
}

.footer-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: space-between;
	gap: 15px;
	width: 100%;
	padding-top: 30px;
}

.footer-block-item {
	width: 100%;
}

.footer-block-item:nth-child(1) {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 15px;
	justify-content: space-between;
}

.footer-left {
	display: flex;
	flex-direction: column;
	gap: 20px;
	width: 20%;
}

.footer-left p {
	color: #fff;
}

.footer-logo svg {
	fill: #ffffff;
	width: 230px;
	height: 55px;
}

.footer-center {
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	gap: 15px;
	flex-wrap: nowrap;
	width: 40%;
}

.footer-center-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-right {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	gap: 15px;
	width: max-content;
}

.footer-right-item {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.footer-title,
.footer-link-title,
.footer-center-item p {
	font-family: 'Manrope';
	font-weight: 400;
	font-size: 20px;
	color: #444;
	text-transform: uppercase;
}

.footer-block li {
	list-style: none;
	line-height: 30px;
	margin: 5px 0;
}

.footer-block .footer-right li {
	list-style: none;
	line-height: 30px;
	margin: 0;
}

.footer-block,
.footer-bottom a {
	color: #444;
	transition: none !important;
}

.footer-block,
.footer-bottom a:hover {
	display: block;
	color: #fff;
}

.footer-block a:hover {
	color: #fff;
}

.footer-bottom,
.footer-block address, p {
	font-family: 'Manrope';
	font-weight: 200;
	font-style: normal;
	font-size: 16px;
	color: #444;
	line-height: 30px;
}

.footer-line {
	width: 100%;
	padding: 10px 0;
	background-image: url("data:image/svg+xml,%3Csvg width='1' height='1' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='0' y='0' width='1' height='1' fill='%23b98483' /%3E%3C/svg%3E");
	background-repeat: repeat-x;
	background-position: center;
	background-size: auto 1px;
}

.line-mobile {
	display: none;
}

.footer-block-item:nth-child(5) {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.footer-bottom {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 30px;
	padding-bottom: 15px;
}

.footer-bottom a {
	color: #fff;
}

@media (max-width: 1600px) {
	
	footer {
		margin-top: 30px;
		padding: 0 30px 20px;
	}
}

@media (max-width: 640px) {
	
	footer {
		margin-top: 30px;
		padding: 0 50px 20px;
	}
	
	.footer-block-item:nth-child(1) {
		flex-direction: column;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
	}
	
	.footer-left,
	.footer-right,
	.footer-block-item:nth-child(2),
	.footer-block-item:nth-child(3)	{
		align-items: center;
		width: 100%;
	}
	
	.footer-center {
		justify-content: space-between;
		width: 100%;
	}
	
	.footer-right {
		flex-direction: column;
		align-items: center;
	}
	
	.footer-right-item address {
		text-align: center;
	}
	
	.footer-line {
		width: 80%;
		margin: 0 auto;
	}
	
	.line-mobile {
		display: block;
	}
	
	.footer-block-item:nth-child(5) {
		flex-direction: column;
	}
	
	.footer-bottom:first-child {
		order: 2;
		text-align: center;
	}
	
	.footer-bottom:last-child {
		order: 1;
	}
	
}

/**********************************
 *                                *
 *    Social icons & Pay icons    *
 *                                *
 **********************************/

.social-icons, 
.pay-icons {
    display: flex;
    width: 100%;
    justify-content: start;
    align-items: center;
}

.social-link, 
.pay-link {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
}

.pay-icon-wrapper, 
.social-icon-wrapper {
  position: relative;
  background-repeat: no-repeat;
  background-position: center center;
}

.social-icons {
  gap: 10px;
}

.social-icon-wrapper {
  width: 30px;
  height: 30px;
  background-size: 30px 30px;
}

.social-link img {
  width: 30px;
  height: 30px;
  transition: opacity 0.6s ease;
}

.social-icon-wrapper.facebook {background-image: url('../images/icons/social/facebook_link.png');}
.social-icon-wrapper.google-plus {background-image: url('../images/icons/social/google-plus_link.png');}
.social-icon-wrapper.skype {background-image: url('../images/icons/social/skype_link.png');}
.social-icon-wrapper.twitter {background-image: url('../images/icons/social/twitter_link.png');}
.social-icon-wrapper.vimeo {background-image: url('../images/icons/social/vimeo_link.png');}
.social-icon-wrapper.youtube {background-image: url('../images/icons/social/youtube_link.png');}
.social-icon-wrapper.pinterest {background-image: url('../images/icons/social/pinterest_link.png');}
.social-icon-wrapper.instagram {background-image: url('../images/icons/social/instagram_link.png');}

.social-icon-wrapper.visa {background-image: url('../images/icons/pay-system/visa_link.png');}

.social-link:hover img {
  opacity: 0;
}

.pay-icons {    
  gap: 3px;
}

.pay-icon-wrapper {
  width: 50px;
  height: 30px;
  background-size: 50px 30px;
}

.pay-link img {
  width: 50px;
  height: 30px;
  opacity: 0;
  transition: opacity 0.6s ease;

}

.pay-icon-wrapper.visa {background-image: url('../images/icons/pay-system/visa.png');}
.pay-icon-wrapper.mastercard {background-image: url('../images/icons/pay-system/mastercard.png');}
.pay-icon-wrapper.paypal {background-image: url('../images/icons/pay-system/paypal.png');}
.pay-icon-wrapper.american-express {background-image: url('../images/icons/pay-system/american-express.png');}

.pay-link:hover img {
  opacity: 1;
}

@media (max-width: 640px) {
	.social-icons, 
	.pay-icons {
		justify-content: center;
	}
}