@import url("https://fonts.googleapis.com/css2?family=Figtree:wght@300;	400;	500;	600;	700;	800;	900&display=swap");
@font-face{	font-family:Bely Display W00 Regular; src:url("/public/app/fonts/Bely Display W00 Regular.ttf") format("truetype");font-weight:400;	font-style:normal}
body {font-family: Arial,"Arial CE",Helvetica,"Helvetica CE",sans-serif;background-color: #fff;}
.bg-white {background-color: white; padding-bottom: 20px; padding-left: 5px;}  
.bg-footer {background-color: #1e305e; padding-top: 10px;}
h1 {font-family: Bely Display W00 Regular, sans-serif;font-weight: 700;	line-height: 1.15;	margin: 0 0 .3em 0;	color:#1e305e;}
h2 { font-size: 18px; margin: 5px 0px;color:#1e305e;}
h3 { font-size: 17px; margin: 5px 0px;color:#1c4475;}
a {color: #1c4475;}
a:hover {color: #f03f23;}
.head-logo {margin:10px 10px;}
.logo {}
.logo img {width: 200px;}
.logo:hover {text-decoration:none;}
.header-login {color:black;text-decoration:none;padding:5px 0px; margin:0 0 px;font-size: 14px;}
header {background-color: #fff;margin:0px 0px;}
footer {color: #fff; font-size: 14px;}
.header-box {min-height:250px;background: #fff url("/public/app/img/bg.jpg?v=1") no-repeat center -50px;}
.footer-box {min-height:250px;background: #fff url("/public/app/img/bottom.jpg?v=1") no-repeat center 20px;border-top:1px solid #1e305e;}
.box-body {margin-top: 0px;}
.main-nav { margin-top: 20px;}
.main-nav .navbar-nav a.nav-link {font-family: Bely Display W00 Regular, sans-serif;font-size: 30px;font-weight: 700;margin:0 60px 0 0;color:#1e305e;}
.table a {text-decoration: underline; }
.table a:hover { text-decoration: none; }
.table th {color:#fff; background:#1c4475;}
.table .w-item2 {display:block;width:250px;}
.search-data .card-header {background-color:#1e305e;}
.search-data .card-header h2 {color:#fff;}
.btn-app {color: #fff;background: #e94e31;}
.btn-app:hover {color: #fff;background: #212f5c;}
.street-w {width: 320px;}
.easy-autocomplete input {width: 320px;}
.pay-traff {margin-right: 15px;}
.pay-traff-date {margin-top:30px;}
.pay-traff-1 {color:#04a404; font-weight: bold;}
.pay-traff-2 {color:#f2bf09; font-weight: bold;}
.pay-traff-3 {color:#be1919; font-weight: bold;}

@media (max-width: 768px) {
	header {text-align: center;}
	.logo img {width: 100px;}
}
@media (max-width: 768px) {
	.easy-autocomplete input {width: 220px;}
}
@media (max-width: 360px) {
	body {background: none;background-color: #fff;}
	h1 {font-size: 25px;margin: 0 0 0 10px;}
	.logo img {width: 120px;}
	.container {padding: 0px 0px;margin: 0px 0px;}
	.main-nav .navbar-nav a.nav-link {font-size: 20px;}
	.footer-box {min-height:100px;}
}