/*styles*/
html {
  scroll-behavior: smooth;
}

footer img{
	max-width: 100%;
	width:100%;
}

footer.f-ch {
   font-family: 'Roboto', sans-serif;
   font-weight: normal;
	font-style: normal;
	line-height: 110%;
	box-shadow: 0 0 10px rgba(0,0,0,0.2);
	background-color: #ffffff;
}
footer.f-ch .footer-channels{
	padding: 1rem 0;
	position: relative;
}
footer.f-ch .footer-channels ul{
	margin: 0;
	padding: 0;
	font-size: 14px;
}
footer.f-ch .footer-channels ul li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
	float: left;
}
footer.f-ch .footer-channels ul li a{
	text-decoration: none;
	color:#009056;
	display: block;
    float: left;
	width: 100%;
}

/*------text-----*/
footer.f-ch .footer-channels .f-ch-initial-text{
	float: left;
	width: 25%;
	color: #686868;
}
footer.f-ch .footer-channels .f-ch-initial-text li p{
	margin: 0;
}
footer.f-ch .footer-channels .f-ch-initial-text li p b span{
	color: #009056;
	display: block;
}

/*-----channels-----*/
footer.f-ch .footer-channels .f-ch-channels{
	float: right;
	width: 75%;
	color: #009056;
	max-width: 835px;
	display: flex;
	align-items: center;
}
footer.f-ch .footer-channels .f-ch-channels li{
	padding: 0 1.5rem;
	border-left: 1px solid #cccccc;
	position: relative;
}
footer.f-ch .footer-channels .f-ch-channels li:nth-child(2){
	border-right: 1px solid #cccccc;
	z-index: 1;
}
footer.f-ch .footer-channels .f-ch-channels li:last-child{
	border-left: none; 
	background-image: url("../img/footer-channels-bg-grey.png");
	background-position: 50% 70%;
	background-size: 100% auto;
	background-repeat: no-repeat;    
	margin-top: -45px;
    margin-bottom: -50px;
	width: 44%;
	float: right;
	padding: 0;
	z-index: 0;
}
footer.f-ch .footer-channels .f-ch-channels li:last-child a{
	width: 160px;
	display: block;
    margin: 0 auto;
    float: none;
}
footer.f-ch .footer-channels .f-ch-channels li i{
	width: 35px;
	display: block;
	float: left;
    margin-right: 0.5rem;
}
footer.f-ch .footer-channels .f-ch-channels li b{
	display: block;
	float: left;
}
footer.f-ch .footer-channels .f-ch-channels li span{
	display: block;
}
footer.f-ch .footer-channels .f-ch-channels li .f-ch-img-app{
    display: block;
	width: 230px;
	max-width: 300px;
}
/*-------fotter-end------*/
footer.f-ch .footer-end{
	background-color: #009056;
	color: #ffffff;
	text-align: center;
	padding: .5rem 0;	
	position: relative;
}
footer.f-ch .footer-end p{
	margin: 0;
	font-size: 12px;
	color: #fff;
}

ul.f-ch-initial-text li p {
    line-height: 1.4rem;
}
@media (min-width:1600px){
	footer.f-ch .footer-channels {
		width: 80%;
		margin: 0 auto;
	}
}


@media (max-width: 1200px) {
}
@media (max-width: 998px) {

	footer.f-ch .footer-channels ul li a {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
}
@media (max-width: 767px) {
	footer.f-ch .footer-channels .f-ch-initial-text{
		width: 100%;
		margin-bottom: 1rem;
	}

	footer.f-ch .footer-channels .f-ch-channels{
		width: 100%;
		max-width: 100%;
	}
	footer.f-ch .footer-channels .f-ch-channels li{
		padding: 0;
		border:none;
		width: 100%;
		margin: 0.5rem 0;
	}
	footer.f-ch .footer-channels .f-ch-channels li:nth-child(2) {
		border-right: none;
	}
	footer.f-ch .footer-channels .f-ch-channels li b {
		float: none;
	}
	footer.f-ch .footer-channels .f-ch-channels li:last-child a{
		width: 160px;
	}
	footer.f-ch .footer-channels .f-ch-channels li:last-child{
		margin-bottom: -50px;
		margin-top: -100px;
		background: none;
	}
	footer.f-ch .footer-channels{
		background-image: url("../images/footer-channels-bg-grey.png");
		background-position: 100% 100%;
		background-size: auto 50%;
		background-repeat: no-repeat;  
	}

	.d-flex.align-items-center.justify-content-center {
		flex-direction: column;
	}
	footer.f-ch .footer-channels .f-ch-channels li .f-ch-img-app {
		display: block;
		width: 150px;
	}
	footer.f-ch .footer-channels ul li a {
		display: block;
	}
	footer.f-ch .footer-channels .f-ch-channels {
		display: block;
		align-items: center;
	}
}
@media (max-width: 575px) {
	footer.f-ch .footer-channels{
		background-image: url("../img/footer-channels-bg-grey.png");
		background-position: 100px 100%;
		background-size: auto 50%;
		background-repeat: no-repeat;  
	}
}



select {
	-webkit-appearance: none;
	}























