@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap');


html, body {
 	height:100%;
 }
body {
  	background-color:#fff;
  	-webkit-font-smoothing: antialiased;
  	font-family: "Roboto Condensed", sans-serif;
  	margin-top:0px;
  	font-weight: 300;
	font-size: 16px;
	color: #6C6C6C;
}

h1,h2,h3,h4,h5{
	color: #143b86;
	font-weight: 700;
}
h1 {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	padding-bottom:20px;
	margin-bottom:20px;
}


#preloader {
  width:100%;
	height:100%;
	position: fixed;
	top:0;
	left:0;
	right:0;
	bottom:0;
	background-color:rgba(255, 255, 255, 1); /* change if the mask should have another color then white */
	z-index:4000; /* makes sure it stays on top */
}
#status {
	width:100%;
	height:100%;
	position:absolute;
	text-align:center;
	top:50%; /* centers the loading animation vertically one the screen */
	margin:0 0 0 0; /* is width and height divided by two */
}
#preloader i.fa {
	color: #143b86;
	font-size:40px;
}
.contactdetail{
	border-bottom: 1px solid #f2f2f2;
	font-size:12px;
	padding:5px 0 5px 0;
	font-family: "Roboto", sans-serif;
	color: #fff;
	background:rgba(20,59,134,0.9)
	/*color: #fff;
	background: url(../img/bg-image-2.jpg);
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    	background-size: cover;*/
}
.contactdetail p{
	margin:0px;
}
.contactdetail a:link {
	text-decoration: none;
	color:#fff;
}
.social{
color:#ddd;
	float: left;
	border-right: 1px solid #f2f2f2;
	width:30px;
	margin-top:-5px;
	margin-bottom:-5px;
	padding:5px;
	text-align:center;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;
}
.firstsocial{
	border-left: 1px solid #f2f2f2;
}
.social:hover{
	color:  #fff;
	background: #143b86;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
  	transition: all 0.3s ease-in-out;	
}

.intro{
	position:relative;
	background:#eee;
	height:100%;
	background: url(../img/van_background.jpg) no-repeat center bottom;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
    	background-size: cover;
	padding-top: 120px;
}
#home blockquote{
	width: 300px;
	color: #143b86;
	background: rgba(225,225,225,0.90);
	border-left-color: rgba(20,59,134,0.9);
	margin-top: 10px;
	font-weight: 400;
}
.headlines{
	color: #fff;
	font-size: 40px;
	font-weight: 700;
	text-align: right;
	text-shadow: 0px 0px 8px #143b86,
	             0px 0px 3px #143b86,
		     0px 0px 1px #143b86;
}
.listcontainer{
    position: absolute;
    bottom: 0px;
}

#descale, #smenu, #pub, #door, #introd, #contact, #about, #sp_overview, #sp1, #sp2, #sp3, #sp4, #spexcl{
	padding-top:110px;
	padding-bottom:50px;
}

/* ==========================================================================================
 * Service Packages Table
 * ==========================================================================================
 */
#ignore{
	background-color: rgb(255, 255, 255);
	border-top-color: rgb(255, 255, 255);
	border-left-color: rgb(255, 255, 255);	
}

th{
	color: #143b86;
	background-color: #F9F9F9;
	font-weight: 400;
}
#sp_overview th i{
	color: #143b86;
}
.tooltip-inner { background-color: #143b86; color: #fff; }
.tooltip.top .tooltip-arrow { border-top-color: #143b86; }
.tooltip.right .tooltip-arrow { border-right-color: #143b86; }
.tooltip.bottom .tooltip-arrow { border-bottom-color: #143b86; }
.tooltip.left .tooltip-arrow { border-left-color: #143b86; }
#sp_overview i{
	color: #bbb;
}
#sp_overview .fa-times-circle{
	color: rgba(255,0,0,0.75);
}
#sp_overview .fa-check-circle{
	color: rgba(0,255,0,0.75);
}
#desc span{
	color: #143b86;
	font-weight: 700;
}

#smenu, #door, #sp1, #sp3, #spexcl{
	/*background: url(../img/bg-image-2.jpg);
	color: #fff;*/
	background-color: #F9F9F9;
	width: 100%;
}
.scroll-up {
	position: fixed;
	z-index: 1060;
	bottom: 5px;
	right: 5px;
}

.scroll-up a {
	background-color: rgba(135, 135, 135, 0.5);
	display: block;
	width: 35px;
	height: 35px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	line-height: 30px;
}

.scroll-up a:hover,
.scroll-up a:active {
	background-color: rgba(235, 235, 235, .8);
	color: #e7746f;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
  	transition: all 0.2s ease-in-out;
}
/* ==========================================================================================
 * About Us
 * ==========================================================================================
 */
#about span{
	color: #143b86;
	font-weight: 700;
}
/* ==========================================================================================
 * Promotions
 * ==========================================================================================
 */
#introd span{
	color: #143b86;
	font-weight: 700;
}
#door span{
	color: #143b86;
	font-weight: 700;
}
#door img{
	padding-bottom: 20px;
}
#pub span{
	color: #143b86;
	font-weight: 700;
}
#pub img{
	padding-bottom: 20px;
}
#smenu  span{
	color: #143b86;
	font-weight: 700;
}
#descale  span{
	color: #143b86;
	font-weight: 700;
}
#smenu .table-no-border>thead>tr>th, 
.table-no-border>tbody>tr>th, 
.table-no-border>tfoot>tr>th, 
.table-no-border>thead>tr>td, 
.table-no-border>tbody>tr>td, 
.table-no-border>tfoot>tr>td,
.table-no-border>tbody,
.table-no-border>thead,
.table-no-border>tfoot{
  border-top: none !important; 
  border-bottom: none !important; 
}
/* ==========================================================================================
 * Footer
 * ==========================================================================================
 */
.footer{
	background: #fff;
	padding: 10px 0 10px 0;
	text-align: center;
	border-top:1px solid rgba(0,0,0,0.1);
}
.footer h6{
	color: #143b86;
}
.footer img{
	height:40px;
	width: auto;
}
.footright{
	text-align: right;
}
.footleft{
	text-align: left;
}
/* ==========================================================================================
 * Testimonials
 * ==========================================================================================
 */
blockquote {
    padding: 10px 20px;
    margin: 0 0 20px;
    font-size: 16px;
    border-left: 8px solid #143b86;
    background: #f9f9f9;
    color: #6C6C6C;
}
blockquote footer, blockquote small, blockquote .small {
    display: block;
    font-size: 100%;
    line-height: 1.42857143;
    color: #143b86;
    font-weight: 700;
}
/* ==========================================================================================
 * Contact
 * ==========================================================================================
 */
label {
	font-weight: 400;
	color: #143b86;
}
.form-control {
	height: 40px;
	padding: 8px 12px;
	font-size: 16px;
	color: #6C6C6C;
	border: 1px solid rgba(0,0,0,0.1);
	border-radius: 0px;	
	box-shadow: none;	
} 
.btn-default {
	color: #fff;
	height:40px;
	background-color: #143b86;
	border-color: #143b86;
	font-size: 16px;
	font-weight: 400;
	border-radius: 0px;
	margin-bottom:20px;
	-webkit-transition: all 0.2s ease-in-out;
    	-moz-transition: all 0.2s ease-in-out;
    	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.btn-default:hover {
	color: #fff;
	background-color: #102f6a;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.1);
}
input, textarea {
	-webkit-appearance: none;
	@include border-radius(0);
}
#contact span{
	font-weight: 400;
	color: #143b86;
}
#contact a:link {
	text-decoration: none;
	color:#143b86;
}
textarea.form-control {
    height: 312px;
}
.spacer {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 20px;
}

/* ==========================================================================================
 * Mobile Alterations
 * ==========================================================================================
 */
@media (max-width: 767px){
	h1{
		font-size: 28px;
	}
	#descale, #smenu, #pub, #door, #introd, #contact, #about, #sp_overview, #sp1, #sp2, #sp3, #sp4, #spexcl{
		padding-top:60px;
		padding-bottom:30px;
	}
	.contactdetail{
		display:none;
	}
	.intro{
		padding-top: 60px;
	}
	.headlines{
		font-size: 30px;
    margin-top:10px;
	}
	.footright{
	text-align: center;
	}
	.footleft{
		text-align: center;
	}
	#home blockquote{
		display: none;
	}
}