/*
#0198c2
#0383b9
*/
body{color:#333;background:#0198c238;}
/*#0e7677*/
input:focus,button:focus,select:focus{outline:0 !important;box-shadow:none !important}

#div_preloader_top{position:fixed;background:#ffffff8a;width:100vw;height:100vh;z-index:100;}
#preloader{position:fixed;width:192px;height:103px;z-index:101;}
#preloader .dex{position:fixed;left:calc(50% - 490px);top:calc( 50% - 76px);z-index:102;}
#preloader .whale{position:fixed;left:calc(50% - 490px);top:calc( 50% - 76px);z-index:102;transform: scale(0.5,0.5);}
#preloader .whale.spin{-webkit-animation:spin 3s linear infinite;-moz-animation:spin 3s linear infinite;animation:spin 3s linear infinite;}

/*@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}*/
@keyframes spin { 
    50% { 
        /*-webkit-transform: rotate(360deg); 
        transform:rotate(360deg);*/
			transform: scale(2,2);
    } 
	100% { 
        /*-webkit-transform: rotate(360deg); 
        transform:rotate(360deg);*/
			transform: scale(1.2,1.2);
    } 
}

header{height:88px;background:#606060;}
.header-height{height:88px;}

header div.logo{height:88px;width:144px;text-align:center;float:left;background:transparent;}
header img.logo{height:88px;width:92px;}

header .topheader{height:32px;background:#f8e328;margin-left:144px;padding-top:4px;padding-left:24px;color:#FFF;}
header .topheader a{float:left;margin-right:25px;display:inline-block;color:#333;text-decoration:none;transition:all .4s ease-in-out;background:transparent;}

#a_user_login{float:right;padding:0px 15px 5px 15px;text-align:right;}
#a_user_login:hover,#a_user_login.active{color:#FFF;background:#228ac8;}

header .menu{height:56px;margin-left:-10px;}

.navbar{display:inline-block;}
.nav-link{float:left;}
.nav-link{transition:all .5s ease-in-out;}
.nav-link:hover{background:#1a475f !important;}

.nav-link a{text-decoration:none !important;color:#FFF !important;transition:all 1s ease-in-out;}

@media only screen and (max-width: 768px){
	body{background-position:0px 0px !important;}
	#header-menu{}
	#header-menu ul{position:absolute;min-width:280px;background:#0383b9;left:10px;}
	#header-menu ul li{display:block;width:100%;}
	#header-menu ul li a{display:block;}
}

footer{height:44px;background:#0383b9;padding-top:.5rem;}
footer p{color:#FFF;}
footer a{color:#CCC;text-decoration:none;}
footer a:hover{color:#FFF;}

.social{width:36px;height:36px;border:1px solid transparent;display:inline-block;transition:all .6s linear;text-align:center;padding-top:5px;}
.social:hover{border:1px solid #0e7677;border-radius:50%;}

.social.facebook{color:#1877f2;}
.social.facebook:hover{background-color:#1877f2;color:#FFF;}

.social.twitter{color:#1d9bf0;}
.social.twitter:hover{background-color:#1d9bf0;color:#FFF;}


/***************/
	.online-ticket-hints {height:28px;position:fixed;overflow:hidden;background:#077d90 !important}
	.online-ticket-hints a{text-decoration:none;color:#FFF;display:inline;vertical-align:middle;padding:4px 8px;margin-left:18px;}
	.online-ticket-hints a:first-child{margin:0px;}
	.online-ticket-hints a:after{font-family:"FontAwesome";content:"\f054";background:transparent;position:absolute;margin-left:8px;font-size: 23pt;margin-top: -8px;}
	.online-ticket-hints a:last-child:after{content:"";}
	.online-ticket-hints a.active{background:#0383b9;}
	.online-ticket-hints a.active:after{background:#0383b9;}

	.online-ticket-hints a.selected{background:#0e7677;}
	.online-ticket-hints a.selected:after{color:#0e7677;}

	.online-ticket-block{display:none;}
	.online-ticket{background:#FFF;border-radius:12px;border:4px solid #0383b9;overflow:hidden;}
	
	.heading{background:#0383b9 !important;box-shadow:0px 2px 12px inset #606060;text-align:center;color:#FFF}
	.heading div.info{width:80%;min-height:32px;border-radius: 25px;background:#0383b9;padding:3px 8px;}

	#spn_schedule_route{float:left;text-transform:uppercase;padding-left:15px;}
	#spn_schedule_jdate{float:right;text-transform:uppercase;padding-right:15px;}

	.tr_schedule td{background:#0383b9;color:#FFF;}
	.tr_schedule:hover td{background:#169192;color:#FFF;}
	.tr_schedule.active td{background:#F9F900;color:#333;}

	.fare{color:#FFF;font-size:5mm;font-weight:bold;background:url('./taka.png') no-repeat 0px 1.7mm;background-size:2.8mm;padding-left:3.30mm;}
	.fare_off{color:#F8F8F8;font-size:5mm;background:url('./taka.png') no-repeat 0px 2mm;background-size:2.5mm;padding-left:2.8mm;margin-right:2mm;text-decoration:line-through 2px #ed1c24;}

	.tr_schedule.active .fare{color:#333;}

	button.date_previous{float:left !important;text-decoration:none;color:#FFF;}
	button.date_next{float:right !important;text-decoration:none;color:#FFF;}

	#table_total_selected_seat,#table_total_selected_seat td{background:#82ed5f !important;}

	a.route_name{display:block;margin:2px 8px 0px 4px;text-decoration:none;color:#000;text-transform:uppercase;}
	a.route_name:before{content:"\1F892";margin-right:8px;}
	a.route_name:hover{color:#0383b9;}

	.our_route{width:90%;border-radius:50%;border:3px solid #0383b9;overflow:hidden;margin-left:5%;box-shadow:2px 2p 4px #FFF;}
	.our_route img{width:100%;height:100%;}

	.route_line{height:2px;border:2px solid #0383b9;width:60%;position:absolute;margin-left:20%}

/***************/