@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');

body {
	margin:0 auto;
	text-align:center;
	font-family:Tahoma;
	font-size:12px;
	background:#dde7ed;
}
a {
	text-decoration:none;
	color:#032299;
}
a:hover {
	text-decoration:underline;
	color:#032299;
}
a:visited {
	text-decoration:none;
	color:#032299;
}
.header {
	background:url(/buses-in-konakovo-header.jpg) top center no-repeat;
	/*height:200px;*/
	text-align:center;
	margin:0 auto;
	max-width:1000px;
	height:420px;
}
.bus-logo {
	/*height:80px;*/
	padding:5px;
}
.bus-logo img {
	max-width:200px;
}
h1 {
	margin:0px;
	padding:0px 0px 10px 0px;
	color:#032299;
	font-size:50px;
}

.text-above-top-routes {
	color:#fff;
}

.white-splash {
	width:85%;
	border-bottom:2px solid #fff;
	margin-top:10px;
}
.line {
	display:inline-block;
}

.rid-list {
	width:80px;
	padding:8px;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:25px;
	margin:3px;
	/*border:2px solid #fff;*/
	border-radius:5px;
	font-weight:bold;
	background:#fff;
	color:#365ca3;
	min-width:40px;
}
.routes-knk {
	padding:15px; 
	width:85%;
	max-width:700px;
	/*border:2px solid #fff;*/
	margin:0px;
	/*border-radius:10px;
	background:#365ca3;*/
}
.routes-knk-tc {
	padding:15px;
	width:80%;
	max-width:700px;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:26px;
	/*font-weight:bold;*/
	border:3px solid #365ca3;
	margin:10px;
	border-radius:10px;
	color:#F00;
	background:#fff;
}
.routes-knk a{
	color:#032299;
	text-decoration:none;
}
.rid-list:hover {
	background:#032299;
	color:#fff;
}
.text-above-top-routes {
	font-size:29px;
	padding:10px 10px 0px 10px;
	font-family: 'PT Sans Narrow', sans-serif;
	text-transform:uppercase;
	font-weight:bold;
}
.rl-checked {
	background:#C00;
	color:#fff;
	/*border:2px solid #fff;*/
}

.route-cost {
	padding:10px;
	color:#fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:19px;
}
.page {
	padding:5px 0px 5px 0px;
	margin:0 auto;
	/*margin:0px 2px 0px 2px;*/
	width:100%;
	max-width:1000px;
	text-align:left;
	overflow:hidden;
	background:#ffffff;
}
.h1-div {
	text-align:center;
}

.h1-div h1 {
	padding:20px;
	background:#b271ff;
}


.routes-table {
	margin:7px 0px 7px 0px;
	background:#fff;
	/*border-radius:5px;
	/*padding:5px 3px 5px 3px;
	/*width:97%;*/
}

.route-header {
	background:#032299;
	color:#fff;
	text-align:left;
	padding:5px;
	/*margin:3px;
	border-bottom:2px dotted #032299;
	border-top:2px solid #032299;*/
	font-size:20px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	/*margin:0px 0px 5px 0px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	border-radius:5px;*/
	
}
.route-table-block {
	padding:5px 2px 10px 2px;
	/*margin:0px 3px 0px 3px;
	border-left:1px solid #032299;
	border-right:1px solid #032299;
	border-bottom:1px solid #032299;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;*/
}
.route-name {
	margin:5px;
	padding:10px 5px 10px 5px;
	border-radius:5px;
	background:#032299;
	color:#fff;
	text-align:center;
	font-size:29px;
}
.route-name-from-to {
	display:inline-block;
	font-size:17px;
	padding:15px 15px 0px 15px;
	text-transform:uppercase;
	color:#fff;
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:29px;
}
.route-name-from-to-under {
	font-family: 'PT Sans Narrow', sans-serif;
	font-size:17px;
	padding:0px 0px 15px 0px;
	margin:0px;
	color:#fff;
	font-weight:normal;
}
.station {
	font-size:13px;
	font-family: 'PT Sans Narrow', sans-serif;
	padding:3px 5px 2px 5px;
	margin:3px 2px 3px 1px;
	border-right:2px solid #fff;
	text-align:right;
	/*background:#ddd;
	color:#fff;*/
	overflow:hidden;
}
.station a {
	color:#222;
	text-decoration:underline;
}

#busstop-time {
	font-family:'PT Sans Narrow', sans-serif;
	font-size:13px;
	text-align:center;
	border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	margin-right:1px;
	/*border-radius:3px;*/
	padding:2px 1px 2px 1px;
	/*display:inline-block;*/
	font-weight:bold;
	/*background:#eee;*/
	
}

.time-blue {
	color:#1640e1;
}
tr.tbl-line {
	padding:5px 0px 5px 0px;
}

.gray-bk {
	background:#eee;
}
.gray-bk-2 {
	background:#eee;
	padding:10px 0px 10px 0px;
}

.station-now {
	font-weight:bold;
	color:#032299;
}
.station-next {
	background:#FF3;
}


.past-bus-stop {
	color:#999;
	background:#fff;
	/*text-decoration:line-through;*/
}
.this-bus-soon {
	color:#F60;
}
.this-bus-now {
	color:#090;
	font-weight:bold;
}
.this-station-line {
	/*background:#eeeeee;*/
	border-right:2px solid #3C0;
}
.this-station-line a {
	color:#3C0;
}

.next-station-line {
	background:#6CF;
	color:#fff;
}

.splash {
	height:1px;
	border-bottom:1px solid #ccc;
	margin:2px 0px 3px 0px;
}

.this-station-bus-time {
	display:inline-block;
	padding:3px 5px 3px 5px;
	margin:2px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:21px;
	font-weight:bold;
	/*border:1px solid #032299;*/
	border-radius:3px;
	color:#032299;
}

.direction-in {
	/*color:#1d912b;*/
}
.direction-out {
	/*color:#c52525;*/
}

.station-header {
	color:#fff;
	background:#032299;
	text-align:center;
	padding:15px 15px 0px 15px;
	font-family:'PT Sans Narrow', sans-serif;
	font-size:31px;
	text-transform:uppercase;
	font-weight:bold;
	margin:0px;
	border-top:5px solid #032299;
}
.station-under-header {
	color:#fff;
	background:#032299;
	text-align:center;
	padding:0px 5px 15px 5px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	/*text-transform:uppercase;
	font-weight:bold;
	border-top:5px solid #032299;*/
	margin:0px 0px 10px 0px;
}

.rid-show-all {
	text-align:center;
	padding:10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	background:#032299;
	display:inline-block;
	margin:5px;
	border-radius:5px;
}
.rid-show-all a {
	color:#fff;
	text-decoration:none;
}
.rid-show-route {
	text-align:center;
	padding:10px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	background:#032299;
	display:inline-block;
	margin:5px;
	border-radius:5px;
}
.rid-show-route a {
	color:#fff;
	text-decoration:none;
}

.no-bus-on-station {
	padding:30px;
	color:#F00;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:21px;
	text-align:center;
}



.this-station-bus-route {
	display:inline-block;
	padding:6px 3px 6px 3px;
	margin:2px;
	background:#032299;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	width:50px;
	border-radius:3px;
	text-align:center;
}

.this-station-bus-route-past {
	display:inline-block;
	padding:6px 3px 6px 3px;
	margin:2px;
	background:#aaa;
	color:#fff;
	font-weight:bold;
	font-size:15px;
	width:50px;
	border-radius:3px;
	text-align:center;
}

.this-station-bus-next {
	display:none;
	margin:3px 0px 5px 0px;
	font-size:11px;
}
.this-station-is-last {
	font-style:italic;
	color:#ccc;
}

.wsh:hover {
	background:#eee;
	cursor:pointer;
}

.boldFont-tostation {
	padding-top:10px;
	font-weight:bold;
}

.a-in {
	padding:10px 0px 10px 0px;
}


.footer {
	background:#032299;
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	/*display:none;*/
}

.blue-splash {
	margin:5px 0px 5px 0px;
	background:#032299;
	padding:10px;
	text-align:center;
	color:#fff;
	text-transform:uppercase;
}


.routes-main-list {
	text-align:center;
	background:#fff;
	padding:20px;
}

.routes-ml-name {
	display:inline-block;
	width:70px;
	padding:10px 5px 10px 5px;
	font-size:15px;
	margin:5px 10px 5px 10px;
	border:2px solid #032299;
	border-radius:5px;
	font-weight:bold;
	background:#032299;
	color:#fff;
	text-transform:uppercase;
}
.routes-ml-name a {
	color:#fff;
}

.routes-ml-route {
	font-size:14px;
	text-transform:uppercase;
	/*font-weight:bold;*/
}
.show-this-station-header {
	font-size:14px;
	font-weight:bold;
	padding:10px;
	text-transform:uppercase;
}
.show-this-station {
	padding:10px;
	background:#032299;
	color:#fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:12px;
	font-weight:bold;
	width:120px;
	margin:5px;
	text-transform:uppercase;
	border-radius:5px;
}
.show-this-station a {
	color:#fff;
	
}
.bbk-sh {
	background:#fff;
	/*border-bottom:2px solid #fff;*/
	margin:0px 50px 60px 50px;
}
.mb-b {
	display:none;
}
.ya-a {
	margin:5px;
}
.ya-a2 {
	
	display:none;
}

.hdn {
	display:none;
}


.sticky {
	display:none;
}

.next-route-station-link {
	display:inline-block;
	/*padding:4px 2px 2px 0px;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13px;
	/*font-weight:bold;*/
}
.arr-r {
	font-size:19px;
}

.cmnts {
	margin:5px;
}
.red-caption {
	color:#F00;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:17px;
	padding-bottom:10px;
}
.red-smaill-caption {
	color:#F00;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:13px;
	padding-bottom:15px;
	text-decoration:underline;
}

.route-start-time {
	color:#da0000;
}

.route-end-time {
	color:#18a505;
}

.full-route-schedule {
	display:inline-block;
	padding:10px 10px 10px 10px;
	margin:5px;
	text-align:center;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:15px;
	font-weight:bold;
	background:#032299;
	color:#fff;
	border-radius:5px;
}
.full-route-schedule a {
	color:#fff;
	text-decoration:none;
}






.route-tver {
	background:#032299;
	color:#ffffff;
	text-align:center;
	padding:20px 20px 0px 20px;
	/*margin:5px 5px 15px 5px;*/
	/*border-top:2px solid #032299;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size:27px;
	/*text-transform:uppercase;*/
	font-weight:bold;
	margin:0px;
	/*border-radius:5px;*/
}

.route-tver-under {
	background:#032299;
	color:#ffffff;
	text-align:center;
	/*margin:5px 5px 15px 5px;*/
	/*border-top:2px solid #032299;*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size:14px;
	/*text-transform:uppercase;*/
	margin:0px;
	/*border-radius:5px;*/
}


.days_of_week {
		text-align:center;
		font-size:12px;
		margin-bottom:10px;
	}
	.days_of_week .day {
		display:inline-block;
		padding:5px;
		text-align:center;
		width:25px;
		background:#eee;
		color:#eee;
		margin:0px 2px 0px 2px;
		border-radius:5px;
	}
	.days_of_week .thisDay {
		background:#C00;
		
	}
	
	.days_of_week .thisDay a {
		color:#fff;
	}


#schedule {
	display:none;
}




@media (max-width: 710px)  {
	.header {
		background:#365ca3;
		height:auto;
	}
	#schedule {
		background: #365ca3;
		display:block;
	}
	
	.rid-list {
		width:auto;
		font-size:27px;
	}
	
	.bus-logo {
		display:none;
		padding-top:20px;
	}
	.strb {
		display:none;
	}
	.dt-hd {
		display:none;
	}
	.dt-b {
		display:none;
	}
	.mb-b {
		display:block;
	}
	.ya-a2 {
		display:block;
		padding:20px 0px 20px 0px;
		text-align:center;
	}
	.show-this-station {
		display:inline-block;
	}
	.sticky {
		display:block;
		position: sticky;
		top: 0;
		color:#fff;
		padding:10px;
		background:#032299;
		z-index:9999;
		box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
	}
	.left-brd {
		
		/*border-left:2px solid #fff;*/
		padding-left:10px;
	}
	.stick-text {
		text-align:left;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:18px;
	}
	.stick-sub-text {
		text-align:left;
		font-family: 'Roboto Condensed', sans-serif;
		font-size:14px;
	}
	.route-name-stick {
		font-family: 'Roboto Condensed', sans-serif;
		font-size:22px;
		background:#fff;
		color:#032299;
		padding:7px;
		border-radius:5px;
		font-weight:bold;
	}
	#busstop-time {
		font-family:'PT Sans Narrow', sans-serif;
		font-size:13.5px;
	}
	.station {
		font-size:13px;
	}
	
	.past-bus-stop {
		color:#999;
		background:#fff;
	}
	
	.days_of_week {
		text-align:center;
		font-size:12px;
		margin-bottom:10px;
	}
	.days_of_week .day {
		display:inline-block;
		padding:5px;
		text-align:center;
		width:25px;
		background:#eee;
		color:#eee;
		margin:0px 2px 0px 2px;
		border-radius:5px;
	}
	.days_of_week .thisDay {
		background:#C00;
	}
	
	.days_of_week .thisDay a {
		color:#fff;
	}
	
}

@media (max-width: 360px)  {
	#busstop-time {
		font-family:'PT Sans Narrow', sans-serif;
		font-size:12px;
	}
	.station {
		font-size:12px;
	}
}



.temp-changes {
	padding:10px;
	background:#fff;
}
.tch-header {
	padding:0px 5px 15px 5px;
	font-family:'PT Sans Narrow', sans-serif;
	font-size:27px;
	font-weight:bold;
	color:#F00;
}

.tch-viv {
	padding:10px;
	text-align:justify;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:16px;
	text-indent:35px;
}
.tch-rt {
	color:#06F;
}