/* @font-face {
    font-family: Nexa;
    src: url("../fonts/NexaRegular.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: NexaThin;
    src: url("../fonts/NexaThin.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: NexaBold;
    src: url("../fonts/NexaBold.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: LatoRegular;
    src: url("../fonts/LatoRegular.ttf");
    font-display: swap;
}

@font-face {
    font-family: LatoBold;
    src: url("../fonts/LatoBold.ttf");
    font-display: swap;
}

@font-face {
    font-family: Roboto;
    src: url("../fonts/Roboto.ttf");
    font-display: swap;
} */
.entry_section {

	display: block;

	position: relative;

	font-family: 'Roboto';

	min-width: 300px;

	text-align: center;

	border-bottom: 1px solid #D7E0E7;

	/* overflow-x: hidden;

	overflow-y: hidden; */

}



.entry_section_subtitle {

	display: block;

	background-color: #76bf42;

	color: #fff;

	padding: 13px 10px 8px 10px;

	font-size: 30px;

	line-height: 40px;

}



.entry_section_subtitle:empty {

	display: none;

}



.entry_section_bg {

	position: relative;

	padding: 60px 0px;

	background-position: center center;

	background-size: cover;

}



.entry_section_bg::before {

	content: "";

	display: block;

	position: absolute;

	left: 0;

	top: 0;

	right: 0;

	bottom: 0;

	width: 100%;

	height: 100%;

	z-index: 1;

	background-color: black;

	opacity: 0.8;

}



.entry_section_bg>* {

	position: relative;

	z-index: 2;

}



.entry_section_title {

	color: white;

	font-size: 42px;

	padding: 0 10px;

	position: relative;

	display: inline-block;

}



.entry_section_title i {

    position: absolute;

    left: 100%;

    top: 40%;

    width: 90px;

    height: 90px;

    background-size: 100% auto;

}



.entry_section_title>b {

	color: #379fe8;

	font-family: 'Roboto';

}



.entry_section_subtext {

	display: block;

	max-width: 800px;

	margin: 0 auto;

	color: white;

	font-size: 18px;

	padding: 0 10px;

}



.entry_section_by_use_list {

	list-style: none;

	padding: 40px 0 25px 0;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

}



.entry_section_by_use_list:empty {

	padding: 10px 0 10px 0;

}



.entry_section_by_use_list>li {

	display: block;

	width: 140px;

	text-align: center;

	position: relative;

}



.entry_section_by_use_list>li>a {

	display: block;

	width: 100%;

	padding: 0 0 50px 0;

	color: white;

	font-size: 16.8px;

	font-weight: 700;

	font-family: 'Roboto';

	text-decoration: none;

}
.entry_section_by_use_list>li>a .text-li {
	font-size: 16.8px!important;

	font-weight: 700!important;
}



.entry_section_by_use_list>li>a>i {

	display: block;

	width: 106px;

	height: 106px;

	-webkit-filter: brightness(0) invert(1);

	filter: brightness(0) invert(1);

	margin: 0 auto 10px;

	background-position: center center;

	background-repeat: no-repeat;

}



.entry_section_by_use_list>li>a::before {

	content: "";

	position: absolute;

	left: 50%;

	top: 0;

	border: 4px solid #fff;

	margin-left: -53px;

	border-radius: 10px;

	display: block;

	width: 106px;

	height: 106px;

	background: #379fe8;

	z-index: -1;

}



.entry_section_by_use_list>li>a::after {

	content: "";

	position: absolute;

	left: 50%;

	bottom: 20px;

	z-index: -1;

	margin-left: -8px;

	width: 16px;

	height: 16px;

	display: block;

	border-radius: 50%;

	border: 2px solid #fff;

}



.entry_section_by_use_list>li>a:hover::before {

	background-color: #1C6BA2;

}



.entry_section_by_use_list>li>a:hover::after {

	background-color: white;

}



.entry_section_providers_list {

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	padding: 5px 0;

}



.entry_section_providers_list:empty {

	height: 0 !important;

	min-height: 0 !important;

	padding: 0;

}



.entry_section_providers_list>li {

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	flex-grow: 1;

	flex-shrink: 0;

	max-width: 150px;

	min-width: 150px;

    padding: 10px;

}



.entry_section_providers_list>li>a {

	display: block;

}



.entry_section_providers_list>li img {

	display: block;

	min-height: 130px;

	width: 100%;

}



.entry_section_providers_list_small {

	max-width: 600px;

	margin: 0 auto;

	list-style: none;

	display: -webkit-box;

	display: -moz-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	flex-wrap: wrap; -webkit-flex-wrap: wrap;

	-webkit-justify-content: center;

	justify-content: center;

	padding: 5px 0;

}



.entry_section_providers_list_small:empty {

	height: 0 !important;

	min-height: 0 !important;

	padding: 0;

	display: none;

}



.entry_section_providers_list_small>li {

	-webkit-box-flex: 1;

	-moz-box-flex: 1;

	-webkit-flex: 1;

	-ms-flex: 1;

	flex: 1;

	max-width: 70px;

	min-width: 80px;

}



.entry_section_providers_list_small>li>a {

	display: block;

	padding: 10px;

}



.entry_section_providers_list_small>li img {

	display: block;

	width: 100%;

}



@media only screen and (max-width: 1180px) {

	.entry_section_providers_list li {

		max-width: 100px;

		min-width: 100px;

	}

	.entry_section_providers_list>li img {

		min-height: 0;

	}

}
@media only screen and (max-width: 1000px) {

	.entry_section_title i {
		left:96%;
	}

}
@media only screen and (max-width: 900px) {

	.entry_section_title i{
		display:none;
	}

}



@media only screen and (max-width: 650px) {
	

	.entry_section_by_use_list {

		max-width: 300px;

		margin: 0 auto;

	}

	.entry_section_providers_list {

		max-width: 350px;

		margin: 0 auto;

	}

	.entry_section_providers_list_small {

		max-width: 300px;

	}

}