/*-----------Footer--------------*/



.main_footer {

	background-image: url('../images/footer-bg.jpg');

	background-repeat: no-repeat;

	background-size: cover;

	background-position: top right;

	padding-top: 100px;

}



.main_footer>.container {

	max-width: 1200px;

}



.top-cta,

.btm-icon ul {

	display: flex;

	justify-content: flex-end;

    align-items: center;



}



.top-cta .cta {

	background: #fff;

	color: #5253ce;

	padding: 12px 49px !important;

}



.top-cta .cta::before {

	background: #ccc;

}



.btm-wrap {

	margin-top: 60px;

}



.btm-menu ul li+li {

	padding-left: 30px !important;

}



.btm-menu ul li a {

	font-size: 14px;

	color: #fff;

	text-transform: uppercase;

}



.btm-menu ul li {

	transition: 0.5s;

}



.btm-menu ul li a:hover,

.btm-icon ul li a:hover {

	color: #000;

	transition: 0.5s;

}



.btm-icon ul li+li {
	padding-left: 18px !important;
	transition: 0.5s;
}
.btm-icon ul li svg{
	width: 25px;
	transition: all 0.3s ease-in-out;
}
.btm-icon ul li:hover svg path{
	fill: #000 !important;
	transition: all 0.3s ease-in-out;
}


.btm-icon ul li a {
	color: #fff;
	font-size: 20px;
	transition: 0.5s;
}



.btmbar {

	margin-top: 70px;

	background-color: rgb(255, 255, 255, 0.20);

}

.btmbar-wrap{

	display: flex;

	justify-content: space-between;

}



.btmbar-wrap p, .btmbar-wrap p a{

	font-size: 12px;

	color: rgb(255, 255, 255, 0.5);

	padding: 18px 0 !important;

	margin-bottom: 0 !important;

}
.btmbar-wrap p a:hover{
	color: #000;
}







/*====================================================== Responsive ========================================*/



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

	.btm-menu ul li+li {

		padding-left: 28px !important;

	}

}



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

	.btm-menu ul li+li, .btm-icon ul li+li {

		padding-left: 20px !important;

	}

	.btm-menu ul li a {

		font-size: 12px;

	}

}



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



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

	.main_footer {

		padding-top: 30px;

		text-align: center;

	}

	.top-logo img {

		width: 40%;

		margin: 0 auto;

	}

	.top-cta {

		display: flex;

		justify-content: center;

		justify-content: center;

		margin-top: 30px;

	}

	.top-cta .cta {

		padding: 10px 30px !important;

	}

	.btm-wrap {

		margin-top: 30px;

	}

	.btm-menu ul {

		display: block !important;

	}

	.btm-menu ul li+li {

		padding-left: 0 !important;

		padding-top: 15px !important;

	}

	.btm-icon {

		margin-top: 30px;

	}

    .btm-icon ul{

        justify-content: center;

    }

	.btmbar {

		margin-top: 30px;

	}

	.btmbar-wrap{

		display: block;

	}

	.btmbar-wrap p{

		padding: 10px 0 !important;

	}

}