/* 1. */
/* 10. footer */


*,:before,:after{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
}
a,button{
	text-decoration: none;
	cursor: pointer;
}
a:hover,a:focus,input,input:focus,select,select:focus,textarea,textarea:focus,button{
	outline: none;
	border: none;
}
li{
	list-style: none;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.clear{
	clear: both;
}
.textl{
	text-align:left;
}
.textc{
	text-align: center;
}
.textr{
	text-align:right;
}
.wrapper{
	width: 100%;
	overflow: hidden;
}
.fluid-container{
	width: 100%;
	max-width: 1320px;
	margin: 0 auto;
	padding: 0 25px;
}
.big-fluid-container{
	width: 100%;
	max-width: 1620px;
	margin: 0 auto;
	padding: 0 25px;
}



/* 10. footer */
section.simple-c-2-a{
	display: flex;
	justify-content: center;
	padding: 6em 6em 6em;
}
section.simple-c-2-a .common-action-background{
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 60px 40px;
	position: relative;
	z-index: 0;
	min-height: 350px;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	border-radius: 10px
}
section.simple-c-2-a .common-action-background img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -2;
	border-radius: 10px
}
section.simple-c-2-a .common-action-background:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #061a40cf url('https: //www.munch.com/error.php?error=404');
	border-radius: 10px;
}
section.simple-c-2-a h2{
	font-size: 60px;
	color: #fff;
	text-transform: capitalize;
	text-align: center
}
section.simple-c-2-a h2 span{
	color: #09BAFE;
	display: block;
}
section.simple-c-2-a a {
	display: flex;
	margin-top: 40px;
	color: #ffffff9c;
	font-family: montserrat-medium;
	font-size: 28px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: 300;
	align-items: center;
	transition: all .3s ease-in-out
}
section.simple-c-2-a a:hover,section.simple-c-2-a a:hover svg{
	color: #ffffff !important;
}
section.simple-c-2-a a span{
	display: inline-block;
	margin-left: 20px;
}
footer .top-footer{
	padding: 40px 20px;
	background: #222222;
	border: 1px solid #ffffff14;
}
footer .top-footer .top-footer-container{
	display: flex;
	justify-content: space-between;
}
footer .top-footer .top-footer-container article ul{
	display: flex;
	margin-top: 16px;
	align-items: center;
}
footer article h3 {
	font-size: 32px;
	color: #fff;
}
footer article h3 span{
	position: relative;
	color: #09BAFE;
}
.top-footer-container article .left-ul li{
	display: flex;
	align-items: center;
	margin-right: 20px;
}
.top-footer-container article .left-ul li a{
	color: #fff;
	font-size: 18px;
	font-family: montserrat-medium;
}
.top-footer-container article .left-ul li span {
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	margin-right: 8px;
	border-radius: 50%;
	border: 2px solid #fff;
	padding: 8px;
	position: relative;
	z-index: 0;
	transition: all .3s ease-in-out;
}
.top-footer-container article .left-ul li span:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	transform: scale(1.8);
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out, background-color 0.3s ease-in-out;
	background-color: #f06;
	border: 2px solid transparent;
	opacity: 0;
	z-index: -1;
}
.top-footer-container article .left-ul li:hover span:before{
	transform: scale(1);
	border-color: #f06;
	opacity: 1;
}
.top-footer-container article .left-ul li:hover span{
	border-color: transparent;
}
.top-footer-container article .right-ul li a{
	width: 48px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
	color: #fff;
	margin-right: 12px;
	border-radius: 50%;
	border: 1px solid #ffffff59;
	transition: all .4s;
}
.top-footer-container article .right-ul li:nth-child(1) a{
	background: #3b5998;
	border-color: #3b5998;
}
.top-footer-container article .right-ul li:nth-child(2) a{
	background: #007bb5;
	border-color: #007bb5;
}
.top-footer-container article .right-ul li:nth-child(3) a{
	background: linear-gradient(to bottom right, #515bd4,#8134af,#dc2a7a,#fdd771,#f58529);
	border-color: #622286;
}
.middle-link-footer {
	padding: 20px;
	background: #f9fbff;
	overflow-x: auto;
	white-space: nowrap;
}
.middle-link-footer ul{
	display: flex;
	justify-content: center;
}
.middle-link-footer ul li{
	margin: 0 10px;
}
.middle-link-footer ul li a {
	padding: 20px 0;
	color: #222222;
	font-size: 15px;
	transition: all .4s;
	font-family: montserrat-medium;
	font-weight:bold;
	letter-spacing: .6px;
	text-transform: uppercase;
}
.middle-link-footer ul li a.act-link, .middle-link-footer ul li:hover > a{
	color: #f06;
	 !important;
}
.bottom-footer{
	padding: 40px 0;
	background: #222222 url(../../images/overlay-pattern.png);
	position: relative;
}
.bottom-footer h3{
	text-transform: capitalize;
}
.bottom-footer::before {
	content: '';
	position: absolute;
	left: 0;
	top: -7px;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #f9fbff;
	transform: rotate(90deg);
}
.bottom-footer .link-container-footer{
	display: flex;
	justify-content: center;
}
.bottom-footer .link-container-footer article{
	width: 100%;
	max-width: 450px;
	padding: 0 10px;
	margin: 20px 0;
}
.bottom-footer .link-container-footer ul li a {
	font-size: 14px;
	transition: all .4s;
	font-family: montserrat-medium;
	text-transform: capitalize;
	letter-spacing: 0.4px;
	position: relative;
	padding-left: 16px;
	color: #fff;
	background: linear-gradient(to right, #FF76AD, #FF4690 50%, #fff 50%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-size: 200% 100%;
	background-position: 100%;
	transition: all 500ms ease;
	display: flex
}
.bottom-footer .link-container-footer ul li a::before {
	content: '';
	position: absolute;
	top: 0;
	left: -2px;
	bottom: 0;
	margin: auto 0;
	background: url('../images/right-icon-footer.png') no-repeat center center/contain;
	width: 12px;
	transition: all .3s ease-in-out;
	height: 12px;
}
.bottom-footer .link-container-footer ul li:hover a::before{
	transform: rotate(-90deg);
}
.bottom-footer .link-container-footer ul li > a.act-link,.bottom-footer .link-container-footer ul li:hover > a{
	background-position: 0 100%;
}
.bottom-footer .link-container-footer ul li{
	margin-bottom: 12px;
}
.bottom-footer .link-container-footer article h3{
	margin-bottom: 24px !important;
}
.bottom-footer .link-container-footer article.our-portfolio ul li{
	width: 48%;
	display: inline-block;
}
.bottom-footer article.munch-address a {
	color: #fff;
	text-align:left;
	line-height: 1.6;
	font-size: 14px;
}
.bottom-footer article.munch-address p{
	margin: 0;
}
.copyright-footer {
	padding: 10px 0;
	position: relative;
	text-align: center;
	background: #f9fbff;
	border-top: 1px solid #373333;
}
.copyright-footer:after{
	content: '';
	position: absolute;
	left: 0;
	top: -17px;
	right: 0;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid #f9fbff;
	transform: rotate(-90deg);
}
.copyright-footer p {
	font-size: 14px;
	color: #222;
	margin: 0 !important;
	text-align: center;
	line-height: 1.4;
}
.copyright-footer p a {
	color: #222 !important;
	font-family: montserrat-medium;
	Font-weight: bold;
}
.copyright-footer p a:hover {
	color: #f06 !important;
	font-family: montserrat-medium;
	Font-weight: bold;
}
.other-links p{
	color: #fff;
	margin-top: 0 !important;
}
.other-links p span{
	color: #fff;
}
.other-links p span a{
	color: #fff;
}

/* 10. footer */