/*https://fonts.google.com/specimen/Roboto*/
body{font-family: Roboto,"Trebuchet MS",Tahoma,Arial;background:#ffffff;}
.mb7px{margin-bottom:7px;}
.container{max-width:none!important;}
.row400{max-width:400px!important;margin: auto;}
.bidvestlogo{width:100%;max-width:235px;margin:25px 0;}
.profilepicture{background-color: #ffffff;border-radius: 20px;padding: 24px 0;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(107,107,107,.90);
	-moz-box-shadow: 0px 0px 12px 0px rgba(107,107,107,.90);
	box-shadow: 0px 0px 12px 0px rgb(107 107 107 / 90%);}
.profilepicture > .picture{
	max-width: 160px;
	max-height: 160px;
	min-width: 160px;
	min-height: 160px;
	overflow: hidden;
	border: 10px solid #10054A;
	-webkit-box-shadow: 0px 0px 12px 0px rgba(107,107,107,.90);
	-moz-box-shadow: 0px 0px 12px 0px rgba(107,107,107,.90);
	box-shadow: 0px 0px 12px 0px rgb(107 107 107 / 90%);
}
.profilepicture > .profilename{font-size: 30px;font-weight: bold;color: #10054A;padding: 15px 5px 5px 5px;line-height: 115%;}
.profilepicture > .profiletitle{font-size: 20px;color: #10054A;padding: 5px 5px 5px 5px;line-height: 115%;}
.dealername{background-color: #233072;margin: 27px 0px;font-size: 24px;color: white;padding: 12px 10px;}
.icons-img{max-width:75px;}
.icons-text{font-size: 14px;font-weight: bold;color: black;margin-bottom: 15px;}


/* version 2 */
.btn-primary,.btn-primary.focus,.btn-primary:focus,.btn-primary:hover,.btn-primary:active {
    color: #ffffff;
    background-color: #11064A;
    border-color: #11064A;
}
.btn-primary{
	-webkit-box-shadow: 0px 7px 10px 0px rgba(107,107,107,.50); 
	-moz-box-shadow: 0px 7px 10px 0px rgba(107,107,107,.50); 
	box-shadow: 0px 7px 10px 0px rgb(107 107 107 / 50%);
}
.silverbox{color:#11064A;background-color:#fff;}

/* version 2 */
.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;}
.fs20{font-size: 20px;}
.fs30{font-size: 30px;}
.mt10px{margin-top:10px;}
.p0px{padding:0;}
.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;
  }
}