@font-face {
    font-family: 'Aracne';
    src: url('https://filipinapea.com.ph/assets/aracne/ARACNE_regular.woff2') format('woff2'),
         url('https://filipinapea.com.ph/assets/aracne/ARACNE_regular.woff') format('woff'),
         url('https://filipinapea.com.ph/assets/aracne/ARACNE_regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

body{
	font-family: "Outfit" !important;
}


.bsbgreynav {
	background: url('https://thefilipinapea.com.ph/assets/img/bg-beige.jpg') !important;
	min-height: 110px;
	border: 0 !important;
	font-family: "Aracne" !important;
}

.bsbgreynav2 {
	background: url('https://thefilipinapea.com.ph/assets/img/bg-beige.jpg') !important;
	font-family: "Aracne" !important;
	font-size:1.3em;
	font-weight: 500;
}

.bsbgreynav2 a{
	
	color:#000 !important;
}



.navbar-inverse .navbar-toggle {
    border-color: #350dbb;
	background-color: #350dbb;
	margin-top:20px;
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
    color: #c7baef;
    background-color: transparent;
}

#myNavbar{
	margin-top:30px;
}

.kbe-banner{
	margin-top:-25px;
	height: 550px;
	background: url("/img/asbestosremovers.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
	padding: 30px;
}


.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border: none !important;
}

.kbe-banner h1{
	margin-left: 30px;
	color: #fff;
	font-size:4.5em;
	margin-top:80px;
	font-weight: 600;
}

.kbe-banner h3{
	margin-left: 30px;
	color: #fff;
	font-size:2.1em;
	margin-top:-10px;
	font-weight: 400;
}


.bsbsilver {
	width:140px;margin-top:20px;margin-left:50px;
}


.cta-blue {
	background: #052142;
	min-height: 140px;
}



.cta-blue h4 {
	margin-top: 50px;
	color: #fff;
	font-family: "Poppins";
	font-size:1.4em;
	font-weight: 300;
	
}


.cta-bsbyellow {
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	margin-top: 40px;
	height: 66px;
	padding:15px;
	color: #fff;
	font-family: "Poppins";
	font-size:1.4em;
	font-weight: 600;
	text-align: center;
	border: 2px solid #800000;
}


.cta-bsbyellow:hover {
	
	color: #fff;
	font-family: "Poppins";
	font-size:1.4em;
	background: red;
	border: 2px solid red;
	text-decoration: none !important;
	transition: ease-in-out 0.3s;
}


.cta-grey {
	background: #e6e7e8;
	min-height: 140px;
}

.cta-grey h3 {
	margin-top: 60px;
	color: #052142;
	font-family: "Poppins";
	margin-left:60px;
	font-weight: 700;
	font-size: 1.9em;
}


.cta-bsbblue {
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	margin-top: 40px;
	height: 66px;
	padding:15px;
	color:#052142;
	font-family: "Poppins";
	font-size:1.4em;
	font-weight: 600;
	text-align: center;
	border: 2px solid #052142;
}


.featured-vehicle-nav-panel  {
	background: #fff;
	min-height: 850px;
}


.featured-vehicle-nav-panel h4{
	margin-top: 200px;
	color: #052142;
	font-family: "Poppins";
	margin-left:80px;
	font-size:1.8em;
	font-weight: 600;
}


.cta-blue-likeh4 {
		margin-top: 50px !important;
	color: #052142 !important;
lo	font-family: "Poppins";
	font-size:1.4em  !important;
	line-height: 40px;
	font-weight: 300 !important;
	margin-left:80px;
}

.cta-bsbblue2 {
	width: 300px;
	margin-left:auto;
	margin-right: auto;
	margin-top: 80px;
	height: 66px;
	padding:15px;
	color:#052142;
	font-family: "Poppins";
	font-size:1.4em;
	font-weight: 600;
	text-align: center;
	border: 2px solid #052142;
}



.about-ess {
	background: #e6e7e8;
	min-height: 700px;
}

.about-ess .col-md-4 {
	padding:60px;
}

.about-ess h3 {
	margin-top: 60px;
	color: #052142;
	font-family: "Poppins";
	margin-left:60px;
	font-weight: 700;
	font-size: 1.9em;
}


.panel-square {
	padding: 20px;
	border:2px solid #052142;
	width: 90%;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background: url("https://bsbjunrose.com/bsbjunrose/assets/img/panel1.png");
		background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
}


.panel-square h4 {
	color: #ffce00;
	font-family: "Poppins";
	font-size:1.4em !important;
	font-weight: 600;
}


.panel-square p {
	color: #fff !important;
	font-family: "Poppins";
	font-size:1.4em  !important;
	line-height: 40px;
	font-weight: 300 !important;
	height: 350px;

}


.panel-square2 {
	padding: 20px;
	border:2px solid #052142;
	width: 90%;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background: url("https://bsbjunrose.com/bsbjunrose/assets/img/panel2.png");
		background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
}


.panel-square2 h4 {
	color: #ffce00;
	font-family: "Poppins";
	font-size:1.4em !important;
	font-weight: 600;
}


.panel-square2 p {
	color: fff !important;
	font-family: "Poppins";
	font-size:1.4em  !important;
	line-height: 40px;
	font-weight: 300 !important;
	height: 350px;

}


.panel-square3 {
	padding: 20px;
	border:2px solid #052142;
	width: 90%;
	height: 450px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	background: url("https://bsbjunrose.com/bsbjunrose/assets/img/panel3.png");
		background-repeat: no-repeat;
	background-size: cover;
	background-position: 100% 100%;
}


.panel-square3 h4 {
	color: #ffce00;
	font-family: "Poppins";
	font-size:1.4em !important;
	font-weight: 600;
}


.panel-square3 p {
	color: #fff !important;
	font-family: "Poppins";
	font-size:1.4em  !important;
	line-height: 40px;
	font-weight: 300 !important;
	height: 350px;

}

.vehicle-featured-name {
	text-align: center;
	color: #052142;
    font-family: "Poppins";
    font-weight:300;
}

.slider-award {
	margin-top: 100px;
	margin-bottom: 100px;
}


.action-image img{
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

.square1_prev_image, .square1_next_image {
    position: absolute;
    top: 50%;
    /* left: 20px; */
    width: 50px;
    height: 50px;
	background: #000 !important;
    background: url(data:image/svg+xml,%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' width='15.1px' height='20.3px' viewBox='0 0 15.1 20.3' enable-background='new 0 0 15.1 20.3' xml:space='preserve'%3E%3Cfilter height='200%25' id='blur' width='200%25' x='-30%25' y='-30%25'%3E%3CfeGaussianBlur in='offOut' result='blurOut' stdDeviation='2'%3E%3C/feGaussianBlur%3E%3C/filter%3E%3Crect x='0.1' y='-0.1' fill='none' width='14.7' height='19.9'/%3E%3Cg%3E%3Cpath filter='url(%23blur)' fill='%23fff' d='M3.2,9.9c0-0.3,0.1-0.5,0.3-0.8L9,3.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0.1,0.8,0.3l0.6,0.6c0.2,0.2,0.3,0.5,0.3,0.8 s-0.1,0.5-0.3,0.7L7,9.9l4.1,4.1c0.2,0.2,0.3,0.4,0.3,0.7s-0.1,0.5-0.3,0.7L10.5,16c-0.2,0.2-0.5,0.3-0.8,0.3S9.2,16.2,8.9,16 l-5.4-5.3C3.3,10.4,3.2,10.2,3.2,9.9L3.2,9.9z'/%3E%3Cpath fill='%23000' d='M3.2,9.9c0-0.3,0.1-0.5,0.3-0.8L9,3.7c0.2-0.2,0.4-0.3,0.7-0.3s0.5,0.1,0.8,0.3l0.6,0.6c0.2,0.2,0.3,0.5,0.3,0.8 s-0.1,0.5-0.3,0.7L7,9.9l4.1,4.1c0.2,0.2,0.3,0.4,0.3,0.7s-0.1,0.5-0.3,0.7L10.5,16c-0.2,0.2-0.5,0.3-0.8,0.3S9.2,16.2,8.9,16 l-5.4-5.3C3.3,10.4,3.2,10.2,3.2,9.9L3.2,9.9z'/%3E%3C/g%3E%3C/svg%3E) center no-repeat;
    background-size: 40%;
    color: rgba(255,255,255,.3);
    cursor: pointer;
    transform: translate(0,-50%);
    z-index: 1000;
    cursor: pointer;
    text-indent: -9999px;
    overflow: hidden;
    opacity: .5;
    transition: opacity .3s ease-in-out;
}

.featured-product-tab {
	margin-top:80px;
	margin-bottom:80px;
}


.featured-product-tab .nav-pills {
	width: 90%;
	margin-left:auto;
	margin-right:auto;
}


* change border radius for the tab , apply corners on top*/


.nav-pills>li {
	height: 50px !important;
	
	width: 700px !important;
    float: left;
	
 }


#exTab3 .nav-pills > li > a {
 	color: #052142 !important;
	font-family: "Poppins";
	border-radius: 0 !important;
	padding: 40px;
	 border-right: 1px solid #999 !important;
	 border-top: 1px solid #999 !important;
	 background: #e6e7e8;

}

#exTab3 .tab-content {
  color : white;
  	color: #052142 !important;
	font-family: "Poppins";
  padding :  30px;
  border: 1px solid #999;
 
  	width: 90%;
	margin-left:auto;
	margin-right:auto;
}

#exTab3 .tab-content li {
  height: 30px;
  list-style: none;
	font-size:1.1em  !important;
}


#exTab3 .tab-content li span{
 color: #ffce00 !important;
 margin-right: 20px;
}


.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    border-left: 1px solid #999 !important;
    background-color: #fff !important;
	
	  border-bottom: 2px solid #ffce00 !important;
	
}

.content-engine h4{
	margin-top: 40px;
	margin-bottom: 40px;
	color: #052142 !important;
	font-family: "Poppins";
	font-size:1.4em  !important;
}


.nav-pills>li+li {
    margin-left: 0 !important;
}

.bsbjunrose-blog {
	background: #fff;
	min-height: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bsbjunrose-blog h3 {
		margin-top: 60px;
	color: #052142;
	font-family: "Poppins";
	margin-left:60px;
	font-weight: 700;
	font-size: 1.9em;
}

.bsbjunrose-blog .col-md-4{
	padding:50px;
}


.bsbjunrose-blog img{
	margin-bottom:40px;
    width:100%;
}

.bsbjunrose-blog h4 {
	color: #052142;
    font-family: "Poppins";
    font-size: 1.4em !important;
    font-weight: 600;
}


.bsbjunrose-blog p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
   
}




.bsbjunrose-blog2 {
	background: #fff;
	min-height: 700px;
	margin-top: 50px;
	margin-bottom: 50px;
}

.bsbjunrose-blog2 h3 {
		margin-top: 60px;
	color: #052142;
	font-family: "Poppins";
	margin-left:60px;
	font-weight: 700;
	font-size: 1.9em;
}

.bsbjunrose-blog2 .col-md-4{
	padding:50px;
}


.bsbjunrose-blog2 img{
	margin-bottom:40px;
	    width: 100%;
    height: 300px;
}

.bsbjunrose-blog2 h4 {
	color: #052142;
    font-family: "Poppins";
    font-size: 1.4em !important;
    font-weight: 600;
}



.bsbjunrose-blog2 p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
    height: 350px;
}





.bsb-junrose-gallery {
	margin-top:50px;
	margin-bottom: 50px;
}


.bsb-junrose-gallery .col-md-4 {
	padding: 0 !important;
}

.bluegaler {background: #052142;
height:a}

.bluegaler h3{
	position: relative;
	z-index:999;
	text-align: center;
	margin-top: -50%;
	color: #ffce00;
	font-family: "Poppins";

    font-weight: 700;
    font-size: 1.9em;
}
.fade {
  transition: opacity 0.3s ease-in;
}

.fadeOut { opacity: 0; }
.fadeIn { opacity: 1; }


.brands-jr {
	margin-top: 50px;
	margin-bottom: 50px;
	
}



.brands-jr h3 {
	margin-top: 60px;
	color: #052142;
	font-family: "Poppins";
	margin-left:60px;
	font-weight: 700;
	font-size: 1.9em;
}

.brands-jr .row{
	margin-top: 50px;
}

.footer-jr {
	background: #e6e7e8;
	min-height:500px;
	color: #052142;
	padding:40px;
}

.footer-jr h4 {
    color: #052142;
    font-family: "Poppins";
    font-size: 1.4em !important;
    font-weight: 600;
}


.footer-jr p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
   
    font-weight: 500 !important;
  
}

.desktop-hidden {
	display: none;
}


.footer-jr hr {
	  margin-top:150px !important;
}


.bottom-footer {
	margin-bottom: 70px;
}


.bottom-footer a {
	 color: #052142 !important;
    font-family: "Poppins";
   font-size: 1.4em !important;
    font-weight: 700;
	margin-right: 40px;
	text-decoration: underline;
}



.bottom-footer h1 {
	
		text-align:right;
		font-weight: 700;
		font-size:3em;
	}


.copyright-jr p{
	 color: #052142 !important;
    font-family: "Poppins";
   font-size: 1.2em !important;
    font-weight: 300 !important;
}



.truck-blue-control {
	width: 40px;
	height: 40px;
	margin-right:30px;
	border-radius:20px;
	background: #5983cc;
	border: 0 !important;
}

.truck-container{
	margin-top:50px;
	margin-bottom:50px;
} 


.truck-purple-control {
	width: 40px;
	height: 40px;
	border-radius:20px;
	margin-right:30px;
	background: #633274;
	border: 0 !important;
}


.truck-grey-control {
	width: 40px;
	height: 40px;
	border-radius:20px;
	background: #d5d5d5;
	border: 0 !important;
}




.our-root {
	background: #052142;
}


.our-root .col-md-6{
	padding: 0 !important;
}


.our-root h3{
	margin-top: 100px;
    color: #fff;
    font-family: "Poppins";
    margin-left: 80px;
    font-size: 1.8em;
    font-weight: 600;
}

.our-root p{
    color: #fff;
	width:80%;
	text-align: left;
    font-family: "Poppins";
    margin-left: 80px;
   font-size: 1.4em !important;
    line-height: 40px;
    font-weight: 300 !important;
}


.fifty-three-years-panel {
	margin-top: 80px;
	margin-bottom: 80px;
	
}


.fifty-three-years-panel .col-md-12{
	padding: 0 !important;
	
}


.inner-page-banner {
	margin-bottom: 50px;
}


.inner-page-banner h1 {
    margin-left: 30px;
    color: #fff;
    font-size: 4.5em;
    margin-top: 80px;
    font-weight: 700;
}


.jobpostpaneldd {
   border: 3px solid #052142;
   background: #fff;
}


.jobpostpaneldd h3 {
    background: #f5f5f5;
    color: #052142;
    padding: 20px;
    text-align: center;
    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
    margin-bottom: 30px !important;
}

.job-page-labels {
    font-weight: 700;
}

.applybutton {
    height: 50px;
    box-shadow: none !important;
    font-family: 'Montserrat', sans-serif;
    border-radius: 50px !important;
    font-weight: bold !important;
    background: #ffce00 !important;
    float: right;
}



.job-list-panel-info {
	margin-top:30px;
	background: #fff;
	border-left: 6px solid #ffce00;
	padding: 30px;
}


.job-list-panel-info h3{
	 color: #052142;
	 font-family: "Poppins";
}

.jobdatacontainer {
	padding-top:30px;
}

.businessunitjoblist {
	margin-top:-10px;
	color: #0a99ff;
	font-weight: 500;
}

.bsbjunrosedlbutton {
	margin-top: 30px;
	border-radius: 50px;
	width: 150px;
	background: #ffce00;
	color: #052142;	
}


.bsbjunrosedlbutton span{
	margin-right: 10px;	
}


.jr-blog-panel-ind {
	background: #fff;
	box-shadow: 3px 3px 3px #eee;
}


.jr-blog-panel-ind2 {
	background: #fff;
	box-shadow: 3px 3px 3px #eee;
	margin-top: 40px;
	border: 1px solid #e6e7e8;
}

.jr-blog-panel-ind img {
    margin-bottom: 40px;
	width:100%
}


.jr-blog-panel-ind2 img {
    margin-bottom: 40px;
	width:auto;
	height: 300px;
}



.jr-blog-panel-ind h4 {
    color: #052142;
    font-family: "Poppins";
    font-size: 2.5em;
    font-weight: 600;
	margin-left: 20px;
}


.jr-blog-panel-ind p {
    color: #052142;
    font-family: "Poppins";
    font-size: 1.2em;
    line-height: 30px;
    font-weight: 300 !important;
    height: 150px;
	width: 90%;
	margin-left: 20px;
	overflow: hidden;
	  text-overflow: ellipsis;
	  
  white-space: nowrap;
}

.bldate {
	height: 25px !important;
	font-size: 0.8em;
	font-weight: 500 !important;
	color: #1bb3f9 !important;
}


.jr-blog-panel-ind2 h4 {
    color: #052142;
    font-family: "Poppins";
    font-size: 1.8em;
    font-weight: 600;
	margin-left: 20px;
}





.jr-blog-panel-ind2 p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em;
    line-height: 30px;
    font-weight: 300 !important;
    height: 150px;
	width: 90%;
	margin-left: 20px;
	max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.homeblogcontent
 {
	 color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.4em;
    line-height: 30px;
    font-weight: 300 !important;
    height: 150px;
	width: 90%;
	overflow: hidden;
  max-width: 300ch;
  text-overflow: ellipsis;
  white-space: nowrap;
}




.blogmainpostpanel {
	border: 1px solid #e6e7e8;
	box-shadow: 3px 3px 3px #eee;
}



.blog-featuredimage img {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.blogmainpostpanel h3 {
	font-size: 2.5em;
	width: 90%;
	text-align: left;
	 color: #052142;
    font-family: "Poppins";
		margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
}

.blogmainpostpanel p {
	font-size: 1.4em;
	width: 90%;
	text-align: left;
	 color: #052142;
    font-family: "Poppins";
		margin-left: auto;
	margin-right: auto;
	 line-height: 30px;
    font-weight: 300 !important;
	
}

.sharerbutton {
	margin-top: 30px;
	width: 90%;
	margin-left:40px;
	margin-right: auto;
}

.bsbgreynav2 .dropdown-menu>li {
	padding: 10px;
	background: #e6e7e8;
	font-size: 1.1em;
	
}


.bsbgreynav2 .dropdown-menu>li:hover {
	background: #052142;
	color: #fff;
	transition: ease-in-out 0.2s;
	
}

.bsbgreynav2 .dropdown-menu>li>a:hover {
	background: #052142;
	color: #fff !important;
	transition: ease-in-out 0.2s;
	
}



.videoembjs  {
	box-shadow: 3px 3px 3px #eee;
	height: 450px;
	margin-top:20px !important;
}


.videoembjs h4 {
    width:98%;
	margin-top: 30px;
	color: #052142;
    font-family: "Poppins";
    font-size: 1.4em !important;
    font-weight: 600;
	padding:12px;
}




.junrosecontactform {
	color: #052142;
    font-family: "Poppins";

}

.junrosecontactform input{
	background: #e6e7e8;
	height:60px;
}

.junrosecontactform textarea{
	background: #e6e7e8;
	height:150px;
}


.junrosecontactform .btn{
	background: #ffce00;
	height:60px;
	width: 100%;
	color: #052142;
    font-family: "Poppins" !important;
	font-weight: 600 !important;
	font-size:1.4em;
	border-radius: 60px;
}



.mapcontainer {
		
}



.bluegaler2 {
		background: url("https://kbe.net.au/assets/img/gallery/12.png");
		background-size: cover;
		height: 100%;
		padding: 30px;
	
}


.bluegaler2 h1{
		color: #ffce00;
    font-family: "Poppins";
	margin-left:50px;
	margin-top:50px;
}

.bluegaler2 p{
		color: #fff;
    font-family: "Poppins";
	margin-left:50px;
	font-size: 1.4em !important;
    line-height: 40px;
    font-weight: 300 !important;
	margin-top:50px;
}


.rowformcontainer {
	padding: 30px;
}


.contact-table-info {
	width: 100% ;
	margin-left: 40px;
	color: #052142;
    font-family: "Poppins";
	margin-top: 80px;

}



.contact-table-info tr {
	height: 100px;

}

.contact-table-info h4 {
	
	   font-size: 1.4em;
    line-height: 30px;
    font-weight: 300 !important;
	width: 80%;

}

.iconcontainercontact {
	width:80px;
	padding: 15px;
}


.animation-element.slide-left.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
}

.animation-element.slide-left {
    opacity: 0;
    -moz-transition: all 500ms linear;
    -webkit-transition: all 500ms linear;
    -o-transition: all 500ms linear;
    transition: all 500ms linear;
    -moz-transform: translate3d(-100px, 0px, 0px);
    -webkit-transform: translate3d(-100px, 0px, 0px);
    -o-transform: translate(-100px, 0px);
    -ms-transform: translate(-100px, 0px);
    transform: translate3d(-100px, 0px, 0px);
}


.junroseaccord-heading {
	background: #052142 !important;
	height: 70px;
	color: #fff	!important;
	font-family: "Poppins";

}

.accordionjrans {
	color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
}

button.acc-btn {
  /* create a grid */
  display: grid;
  /* create colums. 1fr means use available space */
  grid-template-columns: 1fr max-content max-content;
  align-items: center !important;
  grid-gap: 10px !important;
}



.rounded-panel-3ls {
	/*border:6px solid #0d98ff8*/
	border:6px solid #e6e7e8;
	padding: 20px;
	min-height: 400px;
	width:90%;margin-left: auto;
	margin-right: auto;
    height: 600px;
}



.rounded-panel-3ls h4{
	color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.4em !important;
	text-align: center !important;
	font-weight: 600;
	margin-top:40px;
}



.rounded-panel-3ls p{
	color: #052142 !important;
    font-family: "Poppins";
    font-size: 1em !important;
	line-height: 40px;
    font-weight: 300 !important;
	text-align: center;
}


.add-to-cartjr{
/*background: #e81212; 
background:#ffce00;*/
background: #f9a11b;
width: 100%;
color: #052142;
margin-top:30px;
width: 100%;
margin-left:auto;
margin-right: auto;
border-radius: 0 !important;
	
}

.add-to-cartjr-qv{
/*background: #e81212; */
background:#E6E7E8;
width: 100%;
color: #052142;
margin-top:10px;
width: 100%;
margin-left:auto;
margin-right: auto;
border-radius: 0 !important;
	
}


.product-container-home {
	padding:30px;
	width: 90%;
	margin-left:auto;
	margin-right: auto;
}

.checkoutnowbutton {
	width: 100%;
	background: #052142;
	border-radius: 0 !important;
	height: 50px;
	color: #fff;
	font-weight: 700;
}

.remove_cartbsb {
	background: #E6E7E8;
}

.ordersummarytable {
	background: #333;
}

.mycart {
	padding: 30px;
}

.checkoutform {
	border: 1px solid #999;
	padding: 30px;
	background: #fff;
}

.checkoutform input {
	height:50px;
	border-radius: 0;
	}


.checkoutform .form-label {
		margin-left: 0 !important;
	}



.bloghomeimage {
	height: 300px;
	margin-bottom: 50px;
	padding: none !important;
}

.cd-timeline__content h2 {
	font-size: 2em !important;
} 

.color-contrast-medium {
	font-size: 1.4em;
	color: #052142;
}

.cd-timeline__content {
	background: #f5f5f5 !important;
}

.cd-timeline__date {
	font-size:1.4em !important;
	font-weight: 700;
	margin-left: 10px;
	margin-right: 10px;
}


@media only screen and (min-width: 320px) and (max-width: 479px) { /* smartphones, portrait iPhone, portrait 480x320 phones (Android) */
	
	.client-panel-button {
		margin-left: 0 !important;
		padding:20px;
		background: #eee;
		width: 100% !important;
	}
	
	.client-panel-button h3 {
		color: #052142
	}
	
	.client-panel-button button {
		width: 100%;
		background: #052142;
		color: #fff;
		border: 0 !important;
		border-radius: 4px;
	}
	
	
	.dom-panel-button {
		margin-left: 0 !important;
		padding:20px;
		background:#eee;
		width: 100% !important;
	}
	
	.dom-panel-button h3 {
		color: #052142;
		margin-left: 0 !important;
		margin-top:15px;
		text-align: center
	}
	
	.dom-panel-button button {
		width: 100%;
		background: #052142;
		color: #fff;
		border: 0 !important;
		border-radius: 4px;
		margin-bottom:15px;
	}
	
	
	.com-panel-button {
		margin-left: 0 !important;
		padding:20px;
		background:#eee;
		width: 100% !important;
	}
	
	.com-panel-button h3 {
		color: #052142;
		margin-left: 0 !important;
		margin-top:15px;
		text-align: center
	}
	
	.com-panel-button button {
		width: 100%;
		background: #052142;
		color: #fff;
		border: 0 !important;
		border-radius: 4px;
		margin-bottom:15px;
	}


	.Followsidepanelh3 {
		border-top: 1px solid #e6e7e8;
		padding-top: 20px;
		margin-top: 50px;
	}
	
	
	.bluegaler2 h1 {
    color: #ffce00;
    font-family: "Poppins";
    margin-left: 20px;
    margin-top: 20px;
}

.bluegaler2 p {
    color: #fff;
    font-family: "Poppins";
    margin-left: 20px;
    font-size: 1.4em !important;
    line-height: 40px;
    font-weight: 300 !important;
    margin-top: 30px;
}

	
	
	.kbe-banner{
	margin-top:-25px;
	height: 400px;
	background-image: url("/img/junrose_banner.jpg");
	background-repeat: no-repeat;
	background-size: cover;
	background-position: 50% 50%;
	padding: 30px;
}


.videoembjs  {
	margin-top:20px !important;
}

	
.kbe-banner h1{
	margin-left: 10px;
	color: #fff;
	font-size:2.5em;
	margin-top:50px;
	font-weight: 500;
}

.kbe-banner h3{
	margin-left: 10px;
	color: #fff;
	font-size:1.2em;
	margin-top:-4px !important;
	font-weight: 400;
}

.service-box h4 {
	
		font-size: 1.1rem !important;
	
}

.cta-blue h4 {
    margin-top: 30px;
    color: #fff;
    font-family: "Poppins";
    font-size: 1.2em;
	width:90%;
	line-height: 30px;
	text-align: center;
	margin-left:auto;
	margin-right:auto;
    font-weight: 300;
}


.bsbsilver {
	width:140px;margin-top:30px;margin-left:auto;margin-right:auto;
}

.cta-blue {
	background: #052142;
	min-height: 380px;
}



.cta-bsbyellow {
	width: 80%;
	margin-left:auto;
	margin-right: auto;
	margin-top: 30px;
	height: 50px;
	padding:12px;
	color: #fff;
	font-family: "Poppins";
	font-size:1.1em;
	font-weight: 600;
	text-align: center;
	border: 2px solid #ffce00;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: none !important;
}

.cta-grey h3 {
    margin-top: 60px;
    color: #052142;
    font-family: "Poppins";
    margin-left: auto;
	margin-right: auto;
	width:90%;
    font-weight: 700;
    font-size: 1.6em;
	text-align: center;
}

.cta-grey {
    background: #e6e7e8;
    min-height: 280px;
}

.cta-bsbblue {
   width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    height: 50px;
    padding: 12px;
    color: #052142;
    font-family: "Poppins";
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    border: 2px solid #052142;
}

.featured-vehicle-nav-panel h4 {
    margin-top: 100px;
    color: #052142;
    font-family: "Poppins";
    margin-left: auto;
	margin-right: auto;
	width:90%;
	line-height:30px;
    font-size: 1.6em;
    font-weight: 600;
	text-align: center;
}

.cta-blue-likeh4 {
    margin-top: 50px !important;
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 40px;
    font-weight: 300 !important;
    margin-left: auto;
	margin-right: auto;
	width:90%;
}

.cta-bsbblue2 {
     width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    height: 50px;
    padding: 12px;
    color: #052142;
    font-family: "Poppins";
    font-size: 1.1em;
    font-weight: 600;
    text-align: center;
    border: 2px solid #052142;
}


.featured-vehicle-nav-panel {
    background: #fff;
    min-height: 700px;
}

.about-ess .col-md-4 {
    padding: 30px;
}


.panel-square {
    padding: 20px;
    border: 2px solid #052142;
    width: 90%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background: url('https://bsbjunrose.com/bsbjunrose/assets/img/panel1.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}


.panel-square p {
    color: #fff !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
     height: 250px;
}



.panel-square2 {
    padding: 20px;
    border: 2px solid #052142;
    width: 90%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background: url('https://bsbjunrose.com/bsbjunrose/assets/img/panel2.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}


.panel-square2 p {
    color: #fff !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
    height: 250px;
}



.panel-square3 {
    padding: 20px;
    border: 2px solid #052142;
    width: 90%;
    height: 350px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    background: url(https://kbe.net.au/assets/img/panel3.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 100% 100%;
}


.panel-square3 p {
    color: #fff !important;
    font-family: "Poppins";
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
    height: 250px;
}

.slider-award {
	display: none;
}

.action-image {
	margin-top:50px;
	padding: 0 !important;
}

.action-image img {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}


.featured-product-tab .nav-pills {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#exTab3 .nav-pills > li > a {
    color: #052142 !important;
    font-family: "Poppins";
    border-radius: 0 !important;
    padding: 10px;
    border-right: 1px solid #999 !important;
    border-top: 1px solid #999 !important;
    background: #e6e7e8;
	font-size:0.9em !important;
}


#exTab3 .tab-content {
    color: white;
    color: #052142 !important;
    font-family: "Poppins";
    padding: 30px;
    border: 1px solid #999;
    width:100%;
    margin-left: auto;
    margin-right: auto;
}


#exTab3 .tab-content ul {
        margin-block-start: 0 !important;
    margin-block-end: 0 !important;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 0;

}

.content-engine{
	padding: 0 !important;
}

#exTab3 .tab-content li {
    height: 40px !important;
    list-style: none;
    font-size: 0.9em !important;
}

.mobile-hidden {
	display: none;
}

#exTab3 .tab-content li span {
    color: #ffce00 !important;
    margin-right: 10px;
}


.desktop-hidden {
	display: block;
}

.footer-jr .col-md-3 {
    margin-top:40px;
}

.footer-jr hr {
    margin-top: 80px !important;
}


.bottom-footer a {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.1em !important;
    font-weight: 700;
    margin-right: 20px;
    text-decoration: underline;
}


.footer-jr p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1em;
    font-weight: 500 !important;
}

.bottom-footer h1 {
	margin-top:40px;
    text-align: left;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2.2em;
}


.copyright-jr p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 0.9em !important;
    font-weight: 300 !important;
}


.bsbgreynav2 {
	background:#e6e7e8 !important;
	font-family: "Poppins";
	font-size:1.1em;
	font-weight: 600;
	text-align: center;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
	background:#052142;
	
}

.bsbgreynav {
	
    background: #e6e7e8 !important;
    min-height: 90px;
    border: 0 !important;
}


.navbar-brand>img {
    width: 80px;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background:#e6e7e8 !important;
	font-family: "Poppins";
	font-size:1.1em;
	font-weight: 600;
	text-align: center;
}


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>.open>a:hover {
	background: #fff;
}

.bsbjunrose-blog p {
    color: #052142 !important;
    font-family: "Poppins";
    font-size: 1.1em !important;
    line-height: 25px;
    font-weight: 300 !important;
    height: 220px;
	width: 95%;
}


.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #9d9d9d;
    text-align: center;
}



.truck-blue-control {
	width: 30px;
	height: 30px;
	margin-right:20px;
	border-radius:15px;
	background: #5983cc;
	border: 0 !important;
}


.truck-purple-control {
	width: 30px;
	height: 30px;
	border-radius:15px;
	background: #633274;
		margin-right:20px;
	border: 0 !important;
}


.vehicle-featured-name {
	text-align: center !important;
	color: #052142;
    font-family: "Poppins";
    font-weight:300;
}


.truck-grey-control {
	width: 30px;
	height: 30px;
	border-radius:15px;
	background: #d5d5d5;
	border: 0 !important;
}

.inner-page-banner h1 {
    margin-left: 30px;
    color: #fff;
    font-size: 2.5em;
    margin-top: 50px;
    font-weight: 700;
}

.our-root h3 {
    margin-top: 50px;
    color: #fff;
    font-family: "Poppins";
    margin-left: 30px;
    font-size: 1.4em;
    font-weight: 600;
}

.our-root p {
    color: #fff;
    width: 90%;
    text-align: left;
    font-family: "Poppins";
    margin-left: 30px;
    font-size: 1.2em !important;
    line-height: 30px;
    font-weight: 300 !important;
}



}

.bsb-junrose-outer-page {
	 width: 90%;
    text-align: left;
    font-family: "Poppins";
    font-size: 1.2em !important;
	
}

.bsb-junrose-outer-page h4{
	
    text-align: left;
    font-family: "Poppins";
    font-weight: 600;
	margin-bottom: 40px;
	
}


.services-box {
	border: 1px solid #e4e4e4;
	border-radius:6px;
	padding:10px;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	padding-bottom:20px;
}


.services-box:hover {
	border: 1px solid #e4e4e4;
	background: #800000;
	transition: ease-in 0.2s;
	color: #fff;
	
}


.services-box img {

	margin-top:20px;
}




.kbe-services-section  {
    min-height: 400px;
	margin-bottom:50px
}


.kbe-services-section h3 {
    margin-top: 60px;
	margin-bottom: 20px;
    color: #052142;
    font-family: "Poppins";
    margin-left: 60px;
    font-weight: 700;
    font-size: 1.9em;
}

.center-element {
	text-align: center;
}


.cta-kbe-button{
	padding:10px;
	background: #800000;
	color: #fff !important;
	border-radius: 4px;
	margin-left: 15px !important;
}

.cta-kbe-button a{
	color: #fff !important;
	font-size: 0.8em;
}

.client-panel-button {
	margin-left: 30px;
	padding:20px;
	background: #eee;
	width: 80%;
}

.client-panel-button h3 {
	color: #052142
}

.client-panel-button button {
	width: 100%;
	background: #052142;
	color: #fff;
	border: 0 !important;
	border-radius: 4px;
}


.dom-panel-button {
	margin-left: 30px;
	padding:20px;
	background:#eee;
	width: 80%;
}

.dom-panel-button h3 {
	color: #052142;
	margin-left: 0 !important;
	margin-top:15px;
	text-align: center
}

.dom-panel-button button {
	width: 100%;
	background: #052142;
	color: #fff;
	border: 0 !important;
	border-radius: 4px;
	margin-bottom:15px;
}


.com-panel-button {
	margin-left: 30px;
	padding:20px;
	background:#eee;
	width: 80%;
}

.com-panel-button h3 {
	color: #052142;
	margin-left: 0 !important;
	margin-top:15px;
	text-align: center
}

.com-panel-button button {
	width: 100%;
	background: #052142;
	color: #fff;
	border: 0 !important;
	border-radius: 4px;
	margin-bottom:15px;
}