/*https://fonts.google.com/specimen/Roboto*/
body{font-family: Roboto,"Trebuchet MS",Tahoma,Arial;background:#ffffff;}

.full{width:100%;max-width:1800px;}
.container-fluid{max-width:1800px;}
.push-down{margin-top:120px;margin-bottom:50px;}
.pointer{cursor:pointer;}
.fltl{float:left;}
.fltr{float:right;}
.clear{clear:both;}
.perm-show{display:block !important;}
.perm-hide{display:none !important;}
.row{margin-bottom:10px;}
.whiteft{color:white;}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.heading{font-size: 24px;padding: 10px;}
.sub-heading{font-size: 16px;padding: 5px;}
.navbar{border:0px !important;}
.navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover{
	color: #ffffff;
	background-color: #004080;
}
.angular-google-map-container { height: 500px; }
.top-nav-underbar{margin-top:48px;z-index:10;position:fixed;top:0;left:0;width:100%;}

.underbar-fade-show {
   opacity: 1;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }
.underbar-fade-hide {
   opacity: 0;
   transition: opacity .5s ease-in-out;
   -moz-transition: opacity .5s ease-in-out;
   -webkit-transition: opacity .5s ease-in-out;
   }
.brandHeroBanner{
	height:550px;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position:0% 40%;
}
.brandHeroBanner div{
	height:100%;width:100%;
	background-image: url('../img/heroBanner-overlay.png');
}
.brandTitle{
    color: gray;
    font-size: 12px;
    font-weight: bolder;
    position: absolute;
    top: 6px;
    background: white;
    padding: 5px 20px;
    border-top: 1px solid silver;
	max-width: 88%;}
	
.homeHeroBanner{
	height:500px;
	background-size: cover; 
	background-repeat: no-repeat;
	background-position:0% 40%;
}
.homeHeroBanner div{
	height:100%;width:100%;
	background-image: url('../img/heroBanner-overlay.png');
}
.homeHeroBanner div div {
	height:auto;
	font-size:60px;
	bottom:0px;
	position:absolute;
	width:90%;
	text-align: left;
	margin: 0 0 20px 20px;
	line-height: 80%;
    background-image: none;
}

.drop-shadow{-webkit-box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80); -moz-box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80); box-shadow: 0px 24px 18px -22px rgba(100,100,100,.80);}

.paging-start,.paging-end{background-color:#337ab7;color:#ffffff;width:50px;height:65px;font-size:39px;padding:9px 0 0 0;}
.paging-prev,.paging-next{background-color:#5bc0de;color:#ffffff;width:50px;height:65px;font-size:39px;padding:12px 0 0 0;}
.paging-disabled{background-color:silver;color:grey;}
/*
.paging-start,.paging-end{background-color:#337ab7;color:#ffffff;width:69px;height:85px;font-size:55px;padding:9px 0 0 0;}
.paging-prev,.paging-next{background-color:#5bc0de;color:#ffffff;width:69px;height:85px;font-size:54px;padding:12px 0 0 0;}
.paging-disabled{background-color:silver;color:grey;}
*/


@media only screen and (min-width: 926px){
	.navbar-nav {margin-top: 45px !important;}
	.bidvest-logo{max-height: 45px !important;margin-top: 45px !important;}
}

@media (min-width: 768px){
	/*desktops etc*/
	.navbar{height: 105px;min-height: 105px;}
	.navbar-nav {margin-top: 5px;float: right;}
	.navbar-text{position: absolute;right: 2%;margin-top: 10px;margin-bottom: 0px;}
	.top-menu-move-up{top: -57px;}/*adjust top menu*/
	.bidvest-logo{max-height: 45px;margin-top: 51px;}
	.navbar-number-up{margin-top: 70px;font-size: 16px;right: 3%;font-style: italic;}
	.navbar-text{right: 3%;}
	.pc-hide{display:none;}
	.pc-perm-show{display:block !important;}
}
@media (max-width: 768px){
	/*phone,tablets etc*/
	
	.navbar{min-height: 60px;}
	.navbar-nav {margin-top: 15px;}
	.navbar-brand{padding:6px 1px 6px 15px;width:76%;}
	.navbar-collapse{border:none;}
	.nav>li>a {
	    padding: 10px 9px;
	}
}
@media (max-width: 765px){
	/*phone etc*/
	.full-logo{max-height:45px;}
	.push-down{margin-top:70px;}
	div#navbar > ul.nav > li{padding: 3px 17px;border-top: 1px solid #e5e5e5;}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	    max-height: 460px;
	}
}
.carousel-control.right, .carousel-control.left {
  background-image:none;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #fff;
    background-color: #5bc0de;
}

.navbar,.bidvest-logo{
	-webkit-transition: all 0.3s ease-out;
       -moz-transition: all 0.3s ease-out;
        -ms-transition: all 0.3s ease-out;
         -o-transition: all 0.3s ease-out;
            transition: all 0.3s ease-out;
}

.image{overflow:hidden;}
.image img {
    -webkit-transition: all 1s ease; /* Safari and Chrome */
    -moz-transition: all 1s ease; /* Firefox */
    -ms-transition: all 1s ease; /* IE 9 */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease;
}

.image:hover img {
    -webkit-transform:scale(1.1); /* Safari and Chrome */
    -moz-transform:scale(1.1); /* Firefox */
    -ms-transform:scale(1.1); /* IE 9 */
    -o-transform:scale(1.1); /* Opera */
     transform:scale(1.1);
}

.tab-pane {
	opacity: 0;
	-webkit-transition: opacity 2s ease-in;
    -moz-transition: opacity 2s ease-in;
    -ms-transition: opacity 2s ease-in;
    -o-transition: opacity 2s ease-in;
    transition: opacity 2s ease-in;
}
.tab-content > div.active{opacity: 1;}


/* .modal-fullscreen */
.modal-fullscreen {
  background-color: white;
}
.modal-fullscreen-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.modal-fullscreen .modal-content {
  background: transparent;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.modal-backdrop.modal-backdrop-fullscreen {
  background: #ffffff;
}
.modal-backdrop.modal-backdrop-fullscreen.in {
  opacity: .97;
  filter: alpha(opacity=97);
}

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog {
  margin: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
@media (min-width: 768px) {
  .modal-fullscreen .modal-dialog {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .modal-fullscreen .modal-dialog {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .modal-fullscreen .modal-dialog {
     width: 1170px;
  }
}